Changing live dragging on a TileList control in Flex
Posted on March 7, 2010 | No Comments
Changing live dragging on a TileList control in Flex
The following example shows how you can enable or disable Buy Amoxil 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>
Tags: mx:AppControlBar | mx:Array | mx:ArrayCollection | mx:Form | mx:FormItem | mx:Object | mx:source | mx:TileList
Author
By Sameera Thilakasiri
,is a front-end developer based in Colombo, is a blogger and a lifestyle photographer.
Follow him Twitter and Google+. Check out him.
Comments
Leave a Reply
You must be logged in to post a comment.
Community presentations of the blogger
Sameera at LinkedIn
BIOGRAPHY
Sameera Thilakasiri is a front-end developer and UX Architect based in Colombo, Sri Lanka, specialist in User Interface Design, User Experience, Usability and Accessibility, Information Architecture, Responsive Web Design, Interactive Design, Search Engine Optimization, Trainging and Public Speaking.
In his profession, follow the best practices, W3C web standards and guidelines, responsive, semantic, usable, accessible, SEO friendly to cutting edge cording using XHTML/HTML5, CSS and jQuery for Pixel-perfect cross browser compatibility.
In his leisure blogging for technical articles and lifestyle photographer.