Flex中如何利用scrollToIndex()函数滚动到List控件中特定索引index项目的例子

By Minidxer | November 16, 2008

接下来的例子演示了Flex中如何利用scrollToIndex()函数，滚动到List控件中特定索引index项目。

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


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

Download: main.mxml
  1. <?xml version="1.0"?>
  2. <?xml version="1.0" encoding="utf-8"?>
  3. <mx:Application 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.             import mx.collections.ArrayCollection;
  12.  
  13.             private var arrColl:ArrayCollection;
  14.  
  15.             private function init():void {
  16.                 var arr:Array = [];
  17.                 var n:uint = 50;
  18.                 var i:uint;
  19.                 for (i = 0; i < n; i++) {
  20.                     arr.push({label:"item " + i, data:i});
  21.                 }
  22.                 arrColl = new ArrayCollection(arr);
  23.                 list.dataProvider = arrColl;
  24.                 numericStepper.maximum = arrColl.length - 1;
  25.             }
  26.         ]]>
  27.     </mx:Script>
  28.  
  29.     <mx:ApplicationControlBar dock="true">
  30.         <mx:Form styleName="plain">
  31.             <mx:FormItem label="scrollToIndex(n):">
  32.                 <mx:NumericStepper id="numericStepper"
  33.                         change="list.scrollToIndex(event.value);" />
  34.             </mx:FormItem>
  35.         </mx:Form>
  36.     </mx:ApplicationControlBar>
  37.  
  38.     <mx:List id="list"
  39.             rowCount="5"
  40.             width="100" />
  41.  
  42. </mx:Application>
代码：Peter deHaan 翻译/整理/编译：中文Flex例子

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

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

Leave a Comment

Name(*):

E-Mail(*) :

Website :

Comments :

Search Posts

Categories

Archives

Blogroll