包 | mx.effects |
类 | public class DefaultListEffect |
继承 | DefaultListEffect Parallel CompositeEffect Effect EventDispatcher Object |
您可以使用 itemsChangeEffect
样式属性将此效果应用到 List 控件。itemsChangeEffect
样式属性的默认值为 undefined
,这意味着它不会使用任何效果。
因为 DefaultListEffect 效果在播放时会增大和收缩项目渲染器,所以您必须将 List.variableRowHeight
属性设置为 true
,以便 List 控件动态更改其行高。
The <mx:DefaultListEffect> tag inherits all the members of its parent and adds the following members:
<DefaultListEffect Properties color="0xFFFFFF" fadeInDuration="300" fadeOutDuration="300" growDuration="300" removedElementOffset="100" shrinkDuration="300" />
另请参见
属性 | 定义方 | ||
---|---|---|---|
className : String [只读 (read-only)] 效果类的名称,如“Fade”。 | Effect | ||
color : Number 表示淡入或淡出已添加项目和已删除项目时所用颜色的十六进制值。 | DefaultListEffect | ||
constructor : Object
对类对象或给定对象实例的构造函数的引用。 | Object | ||
fadeInDuration : Number 对已添加和已删除项目的渲染器应用淡入效果的时间(以毫秒为单位)。 | DefaultListEffect | ||
fadeOutDuration : Number 对已添加和已删除项目的渲染器应用淡出效果的时间(以毫秒为单位)。 | DefaultListEffect | ||
growDuration : Number 应用于已添加和已删除项目的渲染器的时间(以毫秒为单位)。 | DefaultListEffect | ||
hideFocusRing : Boolean 确定在开始播放效果时,效果是否应隐藏对焦环。 | Effect | ||
instanceClass : Class 一个 Class 类型的对象,用于指定此效果类的效果实例类。 | Effect | ||
isPlaying : Boolean [只读 (read-only)] 一个只读标志,如果当前正在播放效果的任一实例,则为 true;否则,则为 false。 | Effect | ||
prototype : Object [静态]
对类或函数对象的原型对象的引用。 | Object | ||
relevantProperties : Array 一个属性名称 Array,执行过滤时将使用这些名称。 | Effect | ||
relevantStyles : Array 一个样式名称 Array,执行过滤时将使用这些名称。 | Effect | ||
removedElementOffset : Number 同时删除的多个项目的渲染器所应用效果之间的偏移量(以毫秒为单位)。 | DefaultListEffect | ||
shrinkDuration : Number 应用于已添加和已删除项目的渲染器的时间(以毫秒为单位)。 | DefaultListEffect | ||
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
[读写] 对已添加和已删除项目的渲染器应用淡入效果的时间(以毫秒为单位)。
默认值为 300.
public function get fadeInDuration():Number
public function set fadeInDuration(value:Number):void
fadeOutDuration | 属性 |
fadeOutDuration:Number
[读写] 对已添加和已删除项目的渲染器应用淡出效果的时间(以毫秒为单位)。
默认值为 300.
public function get fadeOutDuration():Number
public function set fadeOutDuration(value:Number):void
growDuration | 属性 |
growDuration:Number
[读写] 应用于已添加和已删除项目的渲染器的时间(以毫秒为单位)。
默认值为 300.
public function get growDuration():Number
public function set growDuration(value:Number):void
removedElementOffset | 属性 |
removedElementOffset:Number
[读写] 同时删除的多个项目的渲染器所应用效果之间的偏移量(以毫秒为单位)。如果为 0,则所有渲染器都将同时淡化和收缩。
默认值为 100.
public function get removedElementOffset():Number
public function set removedElementOffset(value:Number):void
shrinkDuration | 属性 |
shrinkDuration:Number
[读写] 应用于已添加和已删除项目的渲染器的时间(以毫秒为单位)。
默认值为 300.
public function get shrinkDuration():Number
public function set shrinkDuration(value:Number):void
<?xml version="1.0"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"> <mx:Script> <![CDATA[ import mx.effects.DefaultListEffect; import mx.collections.ArrayCollection; [Bindable] private var myDP:ArrayCollection = new ArrayCollection( ['A','B','C','D','E','F','G','H']); private function deleteItem():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 < list0.selectedItems.length; i++) toRemove.push(list0.selectedItems[i]); for (i = 0; i < toRemove.length; i++) myDP.removeItemAt(myDP.getItemIndex(toRemove[i])); } private var zcount:int = 0; private function addItem():void { // Always add the new item after the third item, // or after the last item if the length is less than 3. myDP.addItemAt("Z"+zcount++,Math.min(3,myDP.length)); } ]]> </mx:Script> <!-- Define an instance of the DefaultListEffect effect, and set its fadeOutDuration and color properties. --> <mx:DefaultListEffect id="myDLE" fadeOutDuration="1000" color="0x0000ff"/> <mx:Panel title="DefaultListEffect Example" width="75%" height="75%" paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10"> <mx:List id="list0" width="150" dataProvider="{myDP}" variableRowHeight="true" fontSize="18" allowMultipleSelection="true" itemsChangeEffect="{myDLE}"/> <mx:Button label="Delete item" click="deleteItem();"/> <mx:Button label="Add item" click="addItem();"/> </mx:Panel> </mx:Application>