| 包 | mx.effects |
| 类 | public class DefaultTileListEffect |
| 继承 | DefaultTileListEffect Parallel CompositeEffect Effect EventDispatcher Object |
可使用 itemsChangeEffect 样式属性将此效果应用于 TileList 控件。itemsChangeEffect 样式属性的默认值为 undefined,这意味着它不会使用任何效果。
通常在应用数据效果时设置 TileList.offscreenExtraRowsOrColumns 属性。通常,对于 TileList 控件,将 TileList.offscreenExtraRowsOrColumns 设置为较小的偶数,如 2。
隐藏 MXML 语法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>