Flex中如何在用户按住TextArea滚动条(横竖方向)拖动时显示ToolTips

Flex文本滚动提示实现

于 2009-06-09 01:49:00 发布 · 96 阅读

文章标签：

本文介绍了一个使用Flex技术实现的文本区域滚动提示功能。通过自定义滚动提示函数textArea_scrollTipFunc，可以在水平或垂直滚动时显示当前滚动位置与最大滚动位置的比例。此功能增强了用户体验，并展示了如何利用Flex的特性来定制滚动行为。

main.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
verticalAlign="middle"
backgroundColor="white">
<mx:Script>
<![CDATA[
private function textArea_scrollTipFunc(direction:String, position:Number):String {
var str:String;
switch (direction) {
case "horizontal":
str = position + "/" + textArea.maxHorizontalScrollPosition;
break;
case "vertical":
str = position + "/" + textArea.maxVerticalScrollPosition;
break;
}
return str;
}
]]>
</mx:Script>
<mx:Stringid="lorem" source="lorem.txt" />
<mx:ApplicationControlBardock="true">
<mx:FormstyleName="plain">
<mx:FormItemlabel="showScrollTips:">
<mx:CheckBoxid="checkBox" selected="true" />
</mx:FormItem>
</mx:Form>
</mx:ApplicationControlBar>
<mx:TextAreaid="textArea"
text="{lorem}"wordWrap="false"
showScrollTips="{checkBox.selected}"
scrollTipFunction="textArea_scrollTipFunc"
width="100%"
height="100%"/>
</mx:Application>