改变Flex中TileList控件拖动状态（有效/无效）的例子

By Minidxer | March 17, 2008

下面的例子展示了如何通过设置Flex中TileList控件liveDragging属性，来改变拖动状态（有效/无效）效果。

下面是具体的源代码：

Download: main.mxml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
  3.         layout="vertical"
  4.         verticalAlign="middle"
  5.         backgroundColor="white">
  6.  
  7.     <mx:ArrayCollection id="arrColl">
  8.         <mx:source>
  9.             <mx:Array>
  10.                 <mx:Object label="ColdFusion" icon="@Embed('assets/cf_appicon-tn.gif')" />
  11.                 <mx:Object label="Dreamweaver" icon="@Embed('assets/dw_appicon-tn.gif')" />
  12.                 <mx:Object label="Fireworks" icon="@Embed('assets/fw_appicon-tn.gif')" />
  13.                 <mx:Object label="Flash" icon="@Embed('assets/fl_appicon-tn.gif')" />
  14.                 <mx:Object label="Flash Player" icon="@Embed('assets/fl_player_appicon-tn.gif')" />
  15.                 <mx:Object label="Flex" icon="@Embed('assets/fx_appicon-tn.gif')" />
  16.                 <mx:Object label="Illustrator" icon="@Embed('assets/ai_appicon-tn.gif')" />
  17.                 <mx:Object label="Lightroom" icon="@Embed('assets/lr_appicon-tn.gif')" />
  18.                 <mx:Object label="Photoshop" icon="@Embed('assets/ps_appicon-tn.gif')" />
  19.                 <mx:Object label="ColdFusion" icon="@Embed('assets/cf_appicon-tn.gif')" />
  20.                 <mx:Object label="Dreamweaver" icon="@Embed('assets/dw_appicon-tn.gif')" />
  21.                 <mx:Object label="Fireworks" icon="@Embed('assets/fw_appicon-tn.gif')" />
  22.                 <mx:Object label="Flash" icon="@Embed('assets/fl_appicon-tn.gif')" />
  23.                 <mx:Object label="Flash Player" icon="@Embed('assets/fl_player_appicon-tn.gif')" />
  24.                 <mx:Object label="Flex" icon="@Embed('assets/fx_appicon-tn.gif')" />
  25.                 <mx:Object label="Illustrator" icon="@Embed('assets/ai_appicon-tn.gif')" />
  26.                 <mx:Object label="Lightroom" icon="@Embed('assets/lr_appicon-tn.gif')" />
  27.                 <mx:Object label="Photoshop" icon="@Embed('assets/ps_appicon-tn.gif')" />
  28.             </mx:Array>
  29.         </mx:source>
  30.     </mx:ArrayCollection>
  31.  
  32.     <mx:ApplicationControlBar dock="true">
  33.         <mx:Form styleName="plain">
  34.             <mx:FormItem label="liveScrolling:">
  35.                 <mx:CheckBox id="checkBox"
  36.                         creationComplete="checkBox.selected = tileList.liveScrolling;" />
  37.             </mx:FormItem>
  38.         </mx:Form>
  39.     </mx:ApplicationControlBar>
  40.  
  41.     <mx:TileList id="tileList"
  42.             dataProvider="{arrColl}"
  43.             alternatingItemColors="[#FFFFFF,#EEEEEE]"
  44.             columnCount="3"
  45.             columnWidth="100"
  46.             rowCount="2"
  47.             rowHeight="100"
  48.             direction="horizontal"
  49.             verticalScrollPolicy="on"
  50.             liveScrolling="{checkBox.selected}" />
  51.  
  52. </mx:Application>
原文作者：Peter deHaan 翻译：minidxer

Topics: Flex | Tags: , , , , ,

Related Post

One comment | Add One

Trackbacks

Leave a Comment

Name(*):

E-Mail(*) :

Website :

Comments :

Search Posts

Categories

Archives

Recent Posts

Blogroll

Sponsored Ads