flex IViewCursor 的應用

 IViewCursor 的應用 demo

效果圖：可以上下翻不會，當索引最大的時候，自動變成最小索引 (可用於分頁，或者替換spark Spinner控件，自定義)

 

代碼如下：

 

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" creationComplete="group1_creationCompleteHandler(event)">
<fx:Script> 
<![CDATA[
import mx.collections.CursorBookmark;
import mx.collections.IViewCursor;
import mx.controls.dataGridClasses.DataGridColumn;
import mx.events.FlexEvent;
import spark.components.supportClasses.TextBase;
[Bindable] 
private var dpCursor :IViewCursor;
protected function group1_creationCompleteHandler(event:FlexEvent):void { 
dpCursor = productColl.createCursor();
dpCursor.seek(CursorBookmark.FIRST);
} 
protected function movePrevious(e:MouseEvent):void {
dpCursor.movePrevious(); 
if(dpCursor.beforeFirst) dpCursor.seek(CursorBookmark.LAST);
} 
protected function moveNext(e:MouseEvent):void {
dpCursor.moveNext();
if(dpCursor.afterLast) dpCursor.seek(CursorBookmark.FIRST); 
} 
]]> 
</fx:Script>
<fx:Declarations>
<s:ArrayCollection id="productColl"> 
<s:source> 
<fx:Array id="productArr"> 
<fx:Object name="1" />
<fx:Object name="2" /> 
<fx:Object name="3" />
<fx:Object name="4" />
<fx:Object name="5" /> 
<fx:Object name="6" />
<fx:Object name="7" />
<fx:Object name="8" />
</fx:Array>
</s:source>
</s:ArrayCollection> 
</fx:Declarations>
<s:Panel title="title: {dpCursor.current.name}" width="200" height="101"> 
<mx:Label text="{dpCursor.current.name}" fontSize="20" horizontalCenter="0" />
<s:controlBarContent>
<s:Button id="prevBtn" label="&lt;" width="30" height="20" toolTip="Move Previous" click="movePrevious(event)"/>
<s:Rect width="100%" /> 
<s:Button id="nextBtn" label="&gt;" width="30" height="20" toolTip="Move Next" click="moveNext(event)"/> 
</s:controlBarContent> 
</s:Panel> 
</s:Application>