Flex3学习轨迹:创建工具提示

工具提示toolTip,当用户将鼠标移动到某个可视化组建的上方的时候,工具提示会显示一些信息,以帮助用户完成操作。

方法一:直接设置组件属性。

 <mx:TextInput id="myTextInput" toolTip="这是一个TextInput控件" />

方法二:使用ActionScript来设置toolTips属性,首先获取组件的实力引用,然后设置toolTips属性。

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" fontSize="12">
    <mx:Script><![CDATA[
        import mx.controls.TextInput;
        public function createTextInput():void 
        {
            myTextInput.toolTip = "这是一个TextInput控件";
         }
      ]]></mx:Script>
      <mx:Panel width="200" height="150" id="panel1" horizontalAlign="center" verticalAlign="middle" title="工具提示应用">
            <mx:Button id="button1" label="设置toolTip属性" click="createTextInput();"/>
            <mx:TextInput id="myTextInput" />
      </mx:Panel>
</mx:Application>

方法三:使用工具提示事件来设置。

<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
    creationComplete="initApp()">
    <mx:Script>
        <![CDATA[
            import mx.controls.ToolTip;
            import mx.core.IToolTip;
            import mx.events.ToolTipEvent;
            import mx.controls.TextInput;
            public function initApp():void
            {
                myTextInput.addEventListener(ToolTipEvent.TOOL_TIP_SHOW,
                                                  onToolTipShow);
            }
            private function onToolTipShow(event:ToolTipEvent):void
            {
                var toolTip:IToolTip = event.toolTip;
                myLabel.text = toolTip.text;
            }
         ]]>
    </mx:Script>
    <mx:TextInput id="myTextInput" toolTip="这是一个TextInput控件" />
    <mx:Label id="myLabel" />
</mx:Application>

这里使用ToolTipEvent事件,ToolTipEvent雷霆了一个toolTip属性,该属性用语引用工具提示自身。

你可能感兴趣的:(function,Flex,application,import,工具,actionscript)