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

By Minidxer | August 29, 2008

接下来的例子演示了Flex中如何通过verticalScrollPosition和maxVerticalScrollPosition属性，控制TextArea内文本滚动。这样的操作在很多Flex产品中其实都可以看到。

让我们先来看一下Demo（可以右键View Source或点击这里察看源代码）：


下面是完整代码(或点击这里察看)：

Download: main.mxml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application name="TextArea_verticalScrollPosition_test"
  3.         xmlns:mx="http://www.adobe.com/2006/mxml"
  4.         layout="vertical"
  5.         verticalAlign="middle"
  6.         backgroundColor="white"
  7.         creationComplete="init();">
  8.  
  9.     <mx:Script>
  10.         <![CDATA[
  11.             private function init():void {
  12.                 callLater(setMaxVScrollPos);
  13.             }
  14.  
  15.             private function setMaxVScrollPos():void {
  16.                 slider.maximum = textArea.maxVerticalScrollPosition;
  17.             }
  18.         ]]>
  19.     </mx:Script>
  20.  
  21.     <mx:String id="lorem" source="lorem.html" />
  22.  
  23.     <mx:ApplicationControlBar dock="true">
  24.         <mx:Form styleName="plain">
  25.             <mx:FormItem label="verticalScrollPosition:">
  26.                 <mx:HSlider id="slider"
  27.                         minimum="0"
  28.                         snapInterval="1"
  29.                         liveDragging="true" />
  30.             </mx:FormItem>
  31.         </mx:Form>
  32.     </mx:ApplicationControlBar>
  33.  
  34.     <mx:TextArea id="textArea"
  35.             text="{lorem}"
  36.             verticalScrollPosition="{slider.value}"
  37.             verticalScrollPolicy="on"
  38.             width="100%"
  39.             height="100%"
  40.             resize="init();" />
  41.  
  42. </mx:Application>

代码：Peter deHaan 翻译/整理/编译：中文Flex例子

Topics: Flex | Tags: , , ,

Related Post

Leave a Comment

Name(*):

E-Mail(*) :

Website :

Comments :

Search Posts

Categories

Archives

Blogroll

Sponsored Ads