Flex中如何在用户按住TextArea滚动条(横竖方向)拖动时显示ToolTips的例子
By Minidxer | December 13, 2008
和前面的Flex中如何在用户按住TextArea滚动条拖动时显示ToolTips的例子类似的，接下来的例子演示了Flex中如何在用户按住TextArea滚动条(横竖方向)拖动时显示ToolTips。
让我们先来看一下Demo（可以右键View Source或点击这里察看源代码）：
下面是完整代码(或点击这里察看)：
Download: main.mxml
- <?xml version="1.0" encoding="utf-8"?>
- <mx:Application xmlns: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:String id="lorem" source="lorem.txt" />
- <mx:ApplicationControlBar dock="true">
- <mx:Form styleName="plain">
- <mx:FormItem label="showScrollTips:">
- <mx:CheckBox id="checkBox" selected="true" />
- </mx:FormItem>
- </mx:Form>
- </mx:ApplicationControlBar>
- <mx:TextArea id="textArea"
- text="{lorem}" wordWrap="false"
- showScrollTips="{checkBox.selected}"
- scrollTipFunction="textArea_scrollTipFunc"
- width="100%"
- height="100%" />
- </mx:Application>
代码：Peter deHaan 翻译/整理/编译：中文Flex例子
Topics:
TextArea |
No Comments » |
Tags: scrollTipFunction, showScrollTips, TextArea