跳到主要内容

eui.Skin

包    eui

类    public class Skin

继承    eui.Skin → egret.EventDispatcher → egret.HashObject

皮肤基类。通常情况下，您不需要手动创建这个类的实例，而是通过解析EXML文件后自动生成。

公共属性​

属性
currentState : string
组件的当前视图状态
elementsContent : egret.DisplayObject[]
hasState : (stateName:string)=>boolean
返回是否含有指定名称的视图状态
height : number
皮肤显式设置高度,设置为 NaN 表示不显式设置
hostComponent : eui.Component
此皮肤附加到的主机组件
maxHeight : number
皮肤的最大高度
maxWidth : number
皮肤的最大宽度
minHeight : number
皮肤的最小高度,此属性设置为大于maxHeight的值时无效
minWidth : number
皮肤的最小宽度,此属性设置为大于maxWidth的值时无效
skinParts : string[]
皮肤部件名称列表
states : eui.State[]
为此组件定义的视图状态
width : number
皮肤显式设置宽度,设置为 NaN 表示不显式设置

公共方法​

方法

属性详细信息​

currentState​

currentState : string

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

组件的当前视图状态。将其设置为 "" 或 null 可将组件重置回其基本状态。

elementsContent​

elementsContent : egret.DisplayObject[]

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

hasState​

hasState : (stateName:string)=>boolean

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

返回是否含有指定名称的视图状态

height​

height : number = NaN

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

皮肤显式设置高度,设置为 NaN 表示不显式设置。仅影响主机组件的测量结果。

hostComponent​

hostComponent : eui.Component

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

此皮肤附加到的主机组件

maxHeight​

maxHeight : number = 100000

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

皮肤的最大高度。仅影响主机组件的测量结果。

maxWidth​

maxWidth : number = 100000

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

皮肤的最大宽度。仅影响主机组件的测量结果。

minHeight​

minHeight : number = 0

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

皮肤的最小高度,此属性设置为大于maxHeight的值时无效。仅影响主机组件的测量结果。

minWidth​

minWidth : number = 0

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

皮肤的最小宽度,此属性设置为大于maxWidth的值时无效。仅影响主机组件的测量结果。

skinParts​

skinParts : string[]

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

皮肤部件名称列表

states​

states : eui.State[]

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

为此组件定义的视图状态。

width​

width : number = NaN

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

皮肤显式设置宽度,设置为 NaN 表示不显式设置。仅影响主机组件的测量结果。

方法详细信息​

示例​


**

* 下面的例子演示了如何给一个按钮赋值皮肤。

*/

class  SkinExample  extends  egret.Sprite  {

public  constructor()  {

super();

var exml =

`<e:Button xmlns:e="http:/ns.egret.com/eui">

<e:Skin states="up,down,disabled">

<e:Image width="50" height="50" source="resource/close.png" scaleX.up="1" scaleX.down="0.95" scaleY.up="1" scaleY.down="0.95"/>

</e:Skin>

</e:Button>`;

var clazz =  EXML.parse(exml);

var button =  new  clazz();

this.addChild(button);

}

}