Flex 4中如何设置List竖直方向滚动位置的例子

By Minidxer | September 18, 2009

接下来的例子演示了Flex 4中如何通过在verticalScrollPosition属性中设置VerticalLayout对象，设置List竖直方向滚动位置。

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

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

<?xml version="1.0" encoding="utf-8"?>
<s:Application name="Spark_List_layout_VerticalLayout_verticalScrollPosition_test"
xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/halo">
<mx:ApplicationControlBar width="100%" cornerRadius="0">
<mx:Form styleName="plain">
<mx:FormItem label="verticalScrollPosition:">
<s:HSlider id="slider"
minimum="0"
maximum="{list.contentHeight-list.height}"
liveDragging="true" />
</mx:FormItem>
</mx:Form>
</mx:ApplicationControlBar>
<s:List id="list"
horizontalCenter="0"
verticalCenter="0">
<s:layout>
<s:VerticalLayout requestedRowCount="4"
verticalScrollPosition="{slider.value}" />
</s:layout>
<s:dataProvider>
<s:ArrayList>
<fx:String>The</fx:String>
<fx:String>Quick</fx:String>
<fx:String>Brown</fx:String>
<fx:String>Fox</fx:String>
<fx:String>Jumps</fx:String>
<fx:String>Over</fx:String>
<fx:String>The</fx:String>
<fx:String>Lazy</fx:String>
<fx:String>Dog</fx:String>
</s:ArrayList>
</s:dataProvider>
</s:List>
</s:Application>

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

Topics: Gumbo, List | No Comments » | Tags: contentHeight, Gumbo, verticalScrollPosition

中文Flex例子