Flex中如何通过verticalScrollPosition和maxVerticalScrollPosition属性使TextArea自动滚动的例子
By Minidxer | May 29, 2009
接下来的例子演示了Flex中如何通过verticalScrollPosition和maxVerticalScrollPosition属性，TextArea增加新内容的时候自动滚动。
让我们先来看一下Demo（可以右键View Source或点击这里察看源代码）：
下面是完整代码(或点击这里察看)：
Download: main.mxml
- <?xml version="1.0" encoding="utf-8"?>
- <mx:Application name="TextArea_maxVerticalScrollPosition_text"
- xmlns:mx="http://www.adobe.com/2006/mxml"
- layout="vertical"
- verticalAlign="middle"
- backgroundColor="white"
- creationComplete="init();">
- <mx:Script>
- <![CDATA[
- private var timer:Timer;
- private function init():void {
- timer = new Timer(500);
- timer.addEventListener(TimerEvent.TIMER, onTimer);
- timer.start();
- }
- private function onTimer(evt:TimerEvent):void {
- var now:String = new Date().toTimeString();
- var str:String = "[" + timer.currentCount + "] " + now;
- textArea.text += str + "\n";
- textArea.validateNow();
- textArea.verticalScrollPosition = textArea.maxVerticalScrollPosition;
- }
- ]]>
- </mx:Script>
- <mx:TextArea id="textArea"
- width="200"
- height="160" />
- </mx:Application>
代码：Peter deHaan 翻译/整理/编译：中文Flex例子
Topics:
TextArea |
No Comments » |
Tags: callLater, maxVerticalScrollPosition, TextArea, validateNow(), verticalScrollPosition