Flex中通过verticalScrollPosition和maxVerticalScrollPosition属性控制TextArea内文本滚动的例子

最新推荐文章于 2021-01-16 18:10:50 发布

转载最新推荐文章于 2021-01-16 18:10:50 发布 · 1.8k 阅读

93 篇文章

订阅专栏

接下来的例子演示了Flex中如何通过verticalScrollPosition和maxVerticalScrollPosition属性，TextArea增加新内容的时候自动滚动，textArea.validateNow()，加载到缓存中，刷新让组件及时正常显示。

让我们先来看一下代码：

<?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();      
                textAreatextAreatextArea.verticalScrollPosition =textArea.maxVerticalScrollPosition;                  }      
        ]]>      
    </mx:Script>      
       
    <mx:TextArea id="textArea"      
            width="200"      
            height="160" />      
       
</mx:Application>