|
|
The following example shows how you can enable or disable live dragging on a Flex TileList control by setting the liveDragging property. Full code after the jump. <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="middle" backgroundColor="white"> <mx:ArrayCollection id="arrColl"> <mx:source> <mx:Array> <mx:Object label="ColdFusion" icon="@Embed('assets/cf_appicon-tn.gif')" /> <mx:Object label="Dreamweaver" icon="@Embed('assets/dw_appicon-tn.gif')" /> <mx:Object label="Fireworks" icon="@Embed('assets/fw_appicon-tn.gif')" /> <mx:Object label="Flash" icon="@Embed('assets/fl_appicon-tn.gif')" /> <mx:Object label="Flash Player" icon="@Embed('assets/fl_player_appicon-tn.gif')" /> <mx:Object label="Flex" icon="@Embed('assets/fx_appicon-tn.gif')" /> <mx:Object label="Illustrator" icon="@Embed('assets/ai_appicon-tn.gif')" /> <mx:Object label="Lightroom" icon="@Embed('assets/lr_appicon-tn.gif')" /> <mx:Object label="Photoshop" icon="@Embed('assets/ps_appicon-tn.gif')" /> <mx:Object label="ColdFusion" icon="@Embed('assets/cf_appicon-tn.gif')" /> <mx:Object label="Dreamweaver" icon="@Embed('assets/dw_appicon-tn.gif')" /> <mx:Object label="Fireworks" icon="@Embed('assets/fw_appicon-tn.gif')" /> <mx:Object label="Flash" icon="@Embed('assets/fl_appicon-tn.gif')" /> <mx:Object label="Flash Player" icon="@Embed('assets/fl_player_appicon-tn.gif')" /> <mx:Object label="Flex" icon="@Embed('assets/fx_appicon-tn.gif')" /> <mx:Object label="Illustrator" icon="@Embed('assets/ai_appicon-tn.gif')" /> <mx:Object label="Lightroom" icon="@Embed('assets/lr_appicon-tn.gif')" /> <mx:Object label="Photoshop" icon="@Embed('assets/ps_appicon-tn.gif')" /> </mx:Array> </mx:source> </mx:ArrayCollection> <mx:ApplicationControlBar dock="true"> <mx:Form styleName="plain"> <mx:FormItem label="liveScrolling:"> <mx:CheckBox id="checkBox" creationComplete="checkBox.selected = tileList.liveScrolling;" /> </mx:FormItem> </mx:Form> </mx:ApplicationControlBar> <mx:TileList id="tileList" dataProvider="{arrColl}" alternatingItemColors="[#FFFFFF,#EEEEEE]" columnCount="3" columnWidth="100" rowCount="2" rowHeight="100" direction="horizontal" verticalScrollPolicy="on" liveScrolling="{checkBox.selected}" /> </mx:Application> |
