Flex中如何通过horizontalScrollPosition属性设置TextInput横向滚动条位置的例子

By Minidxer | June 29, 2009

接下来的例子演示了Flex中如何通过horizontalScrollPosition属性，设置TextInput横向滚动条位置。

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


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

Download: main.mxml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application name="TextInput_horizontalScrollPosition_test"
  3.         xmlns:mx="http://www.adobe.com/2006/mxml"
  4.         layout="vertical"
  5.         verticalAlign="middle"
  6.         backgroundColor="white">
  7.  
  8.     <mx:Script>
  9.         <![CDATA[
  10.             private function textInput_change(evt:Event):void {
  11.                 slider.maximum = textInput.maxHorizontalScrollPosition;
  12.             }
  13.         ]]>
  14.     </mx:Script>
  15.  
  16.     <mx:ApplicationControlBar dock="true">
  17.         <mx:Form styleName="plain">
  18.             <mx:FormItem label="horizontalScrollPosition:">
  19.                 <mx:HSlider id="slider"
  20.                         snapInterval="1"
  21.                         liveDragging="true"
  22.                         showTrackHighlight="true" />
  23.             </mx:FormItem>
  24.         </mx:Form>
  25.     </mx:ApplicationControlBar>
  26.  
  27.     <mx:TextInput id="textInput"
  28.             text="The quick brown fox jumps over the lazy dog."
  29.             horizontalScrollPosition="{slider.value}"
  30.             width="100"
  31.             creationComplete="textInput_change(event);"
  32.             change="textInput_change(event);" />
  33.  
  34. </mx:Application>
代码：Peter deHaan 翻译/整理/编译：中文Flex例子

Topics: TextInput | No Comments » | Tags: , ,

你可能还对下列文章感兴趣:

Leave a Comment

Name(*):

E-Mail(*) :

Website :

Comments :

Search Posts

Categories

Archives

Blogroll