Flex中如何利用horizontalScrollPolicy属性创建一个水平方向滚动条List的例子

By Minidxer | March 8, 2009

接下来的例子演示了Flex中如何利用horizontalScrollPolicy属性,创建一个水平方向滚动条List。

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


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

Download: main.mxml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
  3.         layout="vertical"
  4.         verticalAlign="middle"
  5.         backgroundColor="white">
  6.  
  7.     <mx:XML id="xmlDP">
  8.         <root>
  9.             <node>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</node>
  10.             <node>Donec sit amet dui nec pede aliquam auctor.</node>
  11.             <node>Integer vestibulum sodales dui.</node>
  12.             <node>Sed nonummy ligula et tortor.</node>
  13.             <node>Aenean varius neque vel felis.</node>
  14.             <node>Phasellus venenatis ipsum sit amet nisi.</node>
  15.             <node>Nullam vitae turpis et ipsum cursus venenatis.</node>
  16.             <node>Pellentesque tincidunt pede non arcu.</node>
  17.             <node>Aliquam ut massa quis ante dignissim egestas.</node>
  18.             <node>Curabitur facilisis velit sit amet metus.</node>
  19.             <node>Vivamus ornare massa ac massa.</node>
  20.             <node>Nam accumsan rutrum purus.</node>
  21.         </root>
  22.     </mx:XML>
  23.  
  24.     <mx:List id="list"
  25.             dataProvider="{xmlDP.node}"
  26.             horizontalScrollPolicy="on"
  27.             verticalScrollPolicy="auto"
  28.             rowCount="6"
  29.             width="200" />
  30.  
  31. </mx:Application>
代码:Peter deHaan 翻译/整理/编译:中文Flex例子

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

Search Posts