跳到主要内容

eui.ItemRenderer

包    eui

类    public class ItemRenderer

继承    eui.ItemRenderer → eui.Component → egret.DisplayObjectContainer → egret.DisplayObject → egret.EventDispatcher → egret.HashObject

ItemRenderer 类是项呈示器的基类。

公共属性​

属性
data : any
要呈示或编辑的数据
itemIndex : number
项呈示器的数据提供程序中的项目索引
selected : boolean
如果项呈示器可以将其自身显示为已选中，则为 true

公共方法​

方法
ItemRenderer()
构造函数

事件​

Events
egret.Event.RESIZE
当UI组件的尺寸发生改变时调度
eui.UIEvent.MOVE
当UI组件在父级容器中的位置发生改变时调度
eui.UIEvent.CREATION_COMPLETE
当UI组件第一次被添加到舞台并完成初始化后调度
egret.Event.ADDED
将显示对象添加到显示列表中时调度。
egret.Event.ADDED_TO_STAGE
在将显示对象直接添加到舞台显示列表或将包含显示对象的子树添加至舞台显示列表中时调度。
egret.Event.REMOVED
将要从显示列表中删除显示对象时调度。
egret.Event.REMOVED_FROM_STAGE
在从显示列表中直接删除显示对象或删除包含显示对象的子树时调度。
egret.Event.ENTER_FRAME
[广播事件] 播放头进入新帧时调度。
egret.Event.RENDER
[广播事件] 将要更新和呈现显示列表时调度。
egret.TouchEvent.TOUCH_MOVE
当用户触碰设备时进行调度，而且会连续调度，直到接触点被删除。
egret.TouchEvent.TOUCH_BEGIN
当用户第一次触摸启用触摸的设备时（例如，用手指触摸手机屏幕）调度。
egret.TouchEvent.TOUCH_END
当用户移除与启用触摸的设备的接触时（例如，将手指从屏幕上抬起）调度。
egret.TouchEvent.TOUCH_TAP
当用户在启用触摸设备上的已启动接触的同一 DisplayObject 实例上抬起接触点时（例如，手机点击屏幕后抬起）调度。
egret.TouchEvent.TOUCH_RELEASE_OUTSIDE
当用户在启用触摸设备上的已启动接触的不同 DisplayObject 实例上抬起接触点时（例如，按住屏幕上的某个对象,然后从它上面挪开后再松开手指）调度。
egret.Event.COMPLETE
当设置skinName为外部exml文件路径时，加载并完成EXML解析后调度。

属性详细信息​

data​

data : any

  • 支持版本:eui 1.0
  • 运行平台:Web,Native

要呈示或编辑的数据。

itemIndex​

itemIndex : number = -1

  • 支持版本:eui 1.0
  • 运行平台:Web,Native

项呈示器的数据提供程序中的项目索引。

selected​

selected : boolean

  • 支持版本:eui 1.0
  • 运行平台:Web,Native

如果项呈示器可以将其自身显示为已选中，则为 true。

方法详细信息​

ItemRenderer()​

public ItemRenderer()

构造函数。

  • 支持版本:eui 1.0
  • 运行平台:Web,Native

示例​

**

* 下面的例子显示了一个 ItemRenderer 的常规用法。

*/

class  ItemRendererExample  extends  egret.Sprite  {

public  constructor()  {

super();

var exml =

`<e:DataGroup class="Example.DataGroup" xmlns:e="http:/ns.egret.com/eui" x="300" y="50">

<e:layout>

<e:VerticalLayout gap="20"/>

</e:layout>

<e:itemRendererSkinName>

<e:Skin>

<e:Label text="{data.label}" textColor="{data.color}"/>

</e:Skin>

</e:itemRendererSkinName>

<e:ArrayCollection>

<e:Array>

<e:Object label="a" color="0xcc9999"/>

<e:Object label="b" color="0xff9966"/>

<e:Object label="c" color="0xcc3333"/>

<e:Object label="d" color="0xff6666"/>

</e:Array>

</e:ArrayCollection>

</e:DataGroup>`;

var clazz =  EXML.parse(exml);

var dataGroup:eui.DataGroup  =  new  clazz();

this.addChild(dataGroup);

}

}