你也可以在ActionScript中来设置toolTip性质。比如以下就是创建一个button来设置按钮toolTip属性的例子。
xmlns:mx="">
public function createNewButton(event:MouseEvent):void {
var myButton:Button = new Button();
myButton.label = "Create Another Button";
myButton.toolTip = "Click this new button to create another button.";
myButton.addEventListener(MouseEvent.CLICK, createNewButton);
addChild(myButton);
}
]]>
id="b1" label="Create Another Button" click="createNewButton(event);"/>
假如你没有在一个容器的子(child)中定义ToolTip, ToolTipManager将显示它父(parenet)的ToolTip。举个例子,比如你添加了一个button到一个Panel容器中,而这个容器包行了一个ToolTip,当鼠标移动到这个Panel时用户将看到这个Panel 容器的ToolTip内容。当用户移动鼠标指针到这个button控件时候,Panel容器的ToolTip将继续显示。当然你可以通过设置子(child)的ToolTip的属性值来重写容器的ToolTip 内容。以下就是一个关于这方面继承的例子:
xmlns:mx="">
toolTip="VBOX">
id="b1" label="Button 1" toolTip="BUTTON"/>
id="b2" label="Button 2"/>
当鼠标移动到button b1的时候,显示BUTTON,而当指针移动到button b2的时候,则显示VBOX.
TabNavigator容器却在它的子(children)上使用ToolTip。假如你添加ToolTip到TabNavigator的一个子版面中,当鼠标移动到那个版面的tab的上方的时候,ToolTip将被显示出来,而不是鼠标移动到那个版面本身上的时候显示ToolTip信息。假如你添加了ToolTip到TabNavigator容器中,除非ToolTip在那个版面被重写否则不可能当鼠标移动到tab或者版面上都显示ToolTip信息。同样在以下的控件中也是类似的效果。
Ø Accordion
Ø ButtonBar
Ø LinkBar
Ø TabBar
Ø ToggleButtonBar
虽然很长的信息提示阅读起来不是很方便,但是ToolTip信息的长度没有收到限制。当显示的信息超过了ToolTip设置的长度,文本信息就会被显示在下一行。你可以在ToolTip文本中添加(line breaks),在ActionScript中,你可以使用\n换行符;在MXML中,你可以使用
来控制换行的操作。以下就是一个使用上述的两个方法的来控制换行的例子:
xmlns:mx=""
initialize="doSomething(event)">
public function doSomething(event:Event):void {
// Use the \n to force a line break in ActionScript.
b1.toolTip = "Click this button \n to clear the form.";
}
]]>
id="b1" label="Clear" width="100"/>
id="b2" label="Submit" width="100" toolTip="Click this button
to submit
the form."/>
在ToolTip内容的设置上有很多弹性的。你可以通过运用styles(CSS)来改变你程序中的ToolTips. 将下来介绍如何设置ToolTip文本和外框(box)的styles.
ToolTip风格
你可以通过CSS语法或者mx.style.StyleManager类来改变ToolTip的内容和外框(Box)的显示风格。默认的风格设置定义在framework.swc文件中的default.css的文件中。你可以利用类型选择器中的标签来重写默认的风格。以下就是关于利用CSS语法来改写ToolTip风格的例子:
xmlns:mx="">
ToolTip {
fontFamily: "Arial";
fontSize: 19;
fontStyle: "italic";
color: #FF6699;
backgroundColor: #33CC99;
}
id="b1" label="Click Me" toolTip="This Button does nothing."/>
要使用StyleManager类来设置ToolTip风格,要使用setStyle()这个函数,比如:
xmlns:mx=""
creationComplete="setToolTipStyle()">
import mx.styles.StyleManager;
private function setToolTipStyle():void {
StyleManager.getStyleDeclaration("ToolTip").setStyle("fontStyle","italic");
StyleManager.getStyleDeclaration("ToolTip").setStyle("fontSize","19");
StyleManager.getStyleDeclaration("ToolTip").setStyle("fontFamily","Arial");
StyleManager.getStyleDeclaration("ToolTip").setStyle("color","#FF6699");
StyleManager.getStyleDeclaration("ToolTip").setStyle("backgroundColor","#33CC99");
}
]]>
id="b1" label="Click Me" toolTip="This Button does nothing."/>
ToolTip使用可继承的全局的styles。比如你通过StyleManager在全局的选择器上(global selector)设置了ToolTip的fontWeight属性:
xmlns:mx=""
creationComplete="setToolTipStyle()">
import mx.styles.StyleManager;
private function setToolTipStyle():void {
StyleManager.getStyleDeclaration("global").setStyle("fontWeight","bold");
}
]]>
id="b1" label="Click Me" toolTip="This Button does nothing."/>
设置在Application object上的style可以运用在所有的UI对象中,但是,ToolTip并没有继承设置在Application Object上的风格设置。所以小心使用global selector.
----------待续---------