您的位置:首页 > 其它

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

2012-03-02 16:35 357 查看
工具提示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属性,该属性用语引用工具提示自身。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: