包 | mx.effects |
类 | public class DefaultTileListEffect |
继承 | DefaultTileListEffect Parallel CompositeEffect Effect EventDispatcher Object |
可使用 itemsChangeEffect
样式属性将此效果应用于 TileList 控件。itemsChangeEffect
样式属性的默认值为 undefined
,这意味着它不会使用任何效果。
通常在应用数据效果时设置 TileList.offscreenExtraRowsOrColumns
属性。通常,对于 TileList 控件,将 TileList.offscreenExtraRowsOrColumns
设置为较小的偶数,如 2。
The <mx:DefaultTileListEffect> tag inherits all the members of its parent and adds the following members:
<DefaultTileListEffect Properties color="0xFFFFFF" fadeInDuration="350" fadeOutDuration="350" moveDuration="300" />
另请参见
属性 | 定义方 | ||
---|---|---|---|
className : String [只读 (read-only)] 效果类的名称,如“Fade”。 | Effect | ||
color : Number 表示淡入或淡出已添加项目和已删除项目时所用颜色的十六进制值。 | DefaultTileListEffect | ||
constructor : Object
对类对象或给定对象实例的构造函数的引用。 | Object | ||
fadeInDuration : Number 用于淡入已添加项目和已删除项目的渲染器的持续时间(以毫秒为单位)。 | DefaultTileListEffect | ||
fadeOutDuration : Number 用于淡出已删除项目和替换项目的渲染器的持续时间(以毫秒为单位)。 | DefaultTileListEffect | ||
hideFocusRing : Boolean 确定在开始播放效果时,效果是否应隐藏对焦环。 | Effect | ||
instanceClass : Class 一个 Class 类型的对象,用于指定此效果类的效果实例类。 | Effect | ||
isPlaying : Boolean [只读 (read-only)] 一个只读标志,如果当前正在播放效果的任一实例,则为 true;否则,则为 false。 | Effect | ||
moveDuration : Number 应用于在控件中作为效果的一部分移动的项目渲染器的持续时间(以毫秒为单位)。 | DefaultTileListEffect | ||
prototype : Object [静态]
对类或函数对象的原型对象的引用。 | Object | ||
relevantProperties : Array 一个属性名称 Array,执行过滤时将使用这些名称。 | Effect | ||
relevantStyles : Array 一个样式名称 Array,执行过滤时将使用这些名称。 | Effect | ||
startDelay : int = 0 开始播放效果前需要等待的时间(以毫秒为单位)。 | Effect | ||
suspendBackgroundProcessing : Boolean = false 如果为 true,则在播放效果时阻止所有背景处理。 | Effect | ||
triggerEvent : Event 如果触发了某个效果,则此项目是由 EffectManager 传递给此 Effect 的 Event 对象;如果 EffectManager 当前没有播放此效果,则为 null。 | Effect |
color | 属性 |
color:Number
[读写] 表示淡入或淡出已添加项目和已删除项目时所用颜色的十六进制值。
默认值为 0xFFFFFF.
public function get color():Number
public function set color(value:Number):void
fadeInDuration | 属性 |
fadeInDuration:Number
[读写] 用于淡入已添加项目和已删除项目的渲染器的持续时间(以毫秒为单位)。
默认值为 350.
public function get fadeInDuration():Number
public function set fadeInDuration(value:Number):void
fadeOutDuration | 属性 |
fadeOutDuration:Number
[读写] 用于淡出已删除项目和替换项目的渲染器的持续时间(以毫秒为单位)。
默认值为 350.
public function get fadeOutDuration():Number
public function set fadeOutDuration(value:Number):void
moveDuration | 属性 |
moveDuration:Number
[读写] 应用于在控件中作为效果的一部分移动的项目渲染器的持续时间(以毫秒为单位)。
默认值为 300.
public function get moveDuration():Number
public function set moveDuration(value:Number):void
<?xml version="1.0"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"> <mx:Script> <![CDATA[ import mx.effects.DefaultTileListEffect; import mx.effects.easing.Elastic; import mx.collections.ArrayCollection; import mx.effects.Move; [Bindable] private var myDP:ArrayCollection = new ArrayCollection( ['A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P']); private function deleteItems():void { // As each item is removed, the index of the other items changes. // So first get the items to delete, then determine their indices // as you remove them. var toRemove:Array = []; for (var i:int = 0; i < tlist0.selectedItems.length; i++) toRemove.push(tlist0.selectedItems[i]); for (i = 0; i < toRemove.length; i++) myDP.removeItemAt(myDP.getItemIndex(toRemove[i])); } private var zcount:int = 0; private function addItems():void { myDP.addItemAt("Z"+zcount++,Math.min(2,myDP.length)); } ]]> </mx:Script> <!-- Define an instance of the DefaultTileListEffect effect, and set its moveDuration and color properties. --> <mx:DefaultTileListEffect id="myDTLE" moveDuration="100" color="0x0000ff"/> <mx:Panel title="DefaultTileListEffect Example" width="75%" height="75%" paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10"> <mx:TileList id="tlist0" height="100%" width="100%" columnCount="4" rowCount="4" fontSize="18" fontWeight="bold" direction="horizontal" dataProvider="{myDP}" allowMultipleSelection="true" offscreenExtraRowsOrColumns="2" itemsChangeEffect="{myDTLE}" /> <mx:Button label="Delete selected item(s)" click="deleteItems();"/> <mx:Button label="Add item" click="addItems();"/> </mx:Panel> </mx:Application>