構建簡單的用戶界面 使用工具提示

使用工具提示

Adobe® Flex™ ToolTip 使您能夠為您的用戶提供有幫助的信息。當用戶在圖形組件上移動滑鼠指針時, 會彈出包含文本信息的工具提示。您可以使用工具提示來指導用戶完成使用應用程式或自定義它們來提供其他功能。

擴展 UIComponent 類 (該類實現 IToolTipManagerClient 界面) 的每個可視 Flex 組件都支持 toolTip 屬性。您將 toolTip 屬性的值設定為一個文本字元串, 並且, 當滑鼠指針懸停在該組件上時, 會顯示該文本字元串。

儘管長訊息很難讀取, 但對工具提示文本的大小不存在任何限制。當工具提示文本達到工具提示框的寬度時, 文本會自動換至下一行。可以在工具提示文本中添加換行符。在 ActionScript 中, 您使用 \n 轉義的新行字元。在 MXML 標籤中, 您使用 
 XML 實體。

可以通過使用層疊樣式表 (CSS) 語法或 mx.styles.StyleManager 類更改工具提示文本和工具提示框的外觀。對工具提示樣式的更改適用於當前應用程式中的所有工具提示。

示例

<?xml version="1.0" encoding="utf-8"?>
<mx:Application
xmlns:mx="http://www.adobe.com/2006/mxml"
viewSourceURL="src/UsingTooltips/index.html"
width="400" height="170"
>
<mx:Style>
ToolTip
{
fontFamily: "Arial";
fontSize: 19;
fontStyle: "italic";
color: #FFFFFF;
backgroundColor: #33CC99;
}
</mx:Style>

<mx:Panel
title="Using ToolTips"
toolTip="Child components without &#13; ToolTips will inherit this."
>
<mx:Form>
<mx:FormItem label="Button with tooltip:">
<mx:Button label="Roll over me!" toolTip="You can click me too!" />
</mx:FormItem>

<mx:FormItem label="Button without tooltip:">
<mx:Button label="I'm unoriginal" />
</mx:FormItem>
</mx:Form>
</mx:Panel>

</mx:Application>

結果

結果