UIElement

new UIElement(data)

Source:

ui.js, line 1035

Parameters:

Name	Type	Description
`data`	`Object`	预设元素数据

Members

attributes :Object

元素属性映射表

Source:

ui.js, line 991

Type:

Object

children :Array.<UIElement>

子元素列表

Source:

ui.js, line 975

Type:

Array.<UIElement>

connected :boolean

元素是否已经连接

Source:

ui.js, line 983

Type:

boolean

events :Object

元素事件映射表

Source:

ui.js, line 999

Type:

Object

height :number

元素高度(自动计算值)

Source:

ui.js, line 955

Type:

number

matrix :Matrix

元素变换矩阵

Source:

ui.js, line 959

Type:

Matrix

name :string

元素名称

Source:

ui.js, line 939

Type:

string

opacity :number

元素不透明度(自动计算值)

Source:

ui.js, line 963

Type:

number

parent :UIElement|null

父级元素对象

Source:

ui.js, line 971

Type:

UIElement | null

pointerEvents :boolean

元素是否已激活指针事件

Source:

ui.js, line 987

Type:

boolean

presetId :string

预设元素数据ID

Source:

ui.js, line 935

Type:

string

script :Script

元素脚本管理器

Source:

ui.js, line 1003

Type:

Script

transform :Object

元素变换数据

Source:

ui.js, line 967

Type:

Object

updaters :ModuleList

元素更新器模块列表

Source:

ui.js, line 995

Type:

ModuleList

visible :boolean

元素可见性

Source:

ui.js, line 979

Type:

boolean

width :number

元素宽度(自动计算值)

Source:

ui.js, line 951

Type:

number

x :number

元素水平位置(自动计算值)

Source:

ui.js, line 943

Type:

number

y :number

元素垂直位置(自动计算值)

Source:

ui.js, line 947

Type:

number

Methods

appendChild(element)

添加子元素

Source:

ui.js, line 1137

Parameters:

Name	Type	Description
`element`	`UIElement`	元素

appendChildren(elements)

添加多个子元素

Source:

ui.js, line 1127

Parameters:

Name	Type	Description
`elements`	`Array.<UIElement>`	元素列表

calculatePosition()

使用变换参数来计算元素的实际位置

Source:

ui.js, line 1263

callEvent(type, bubbleopt) → {EventHandler|undefined}

调用元素事件

Source:

ui.js, line 1518

Parameters:

Name	Type	Attributes	Default	Description
`type`	`string`			元素事件类型
`bubble`	`boolean`	<optional>	false	是否传递事件

Returns:

Type:: EventHandler | undefined

clear() → {UIElement}

清除所有子元素

Source:

ui.js, line 1230

Returns:

Type:: UIElement

connect()

连接元素

Source:

ui.js, line 1063

connectChildren()

连接所有子元素

Source:

ui.js, line 1079

contains(element) → {boolean}

判断是否包含指定元素

Source:

ui.js, line 1313

Parameters:

Name	Type	Description
`element`	`UIElement`	目标元素

Returns:

Type:: boolean

destroy()

销毁元素

Source:

ui.js, line 1545

destroyChildren()

销毁所有子元素

Source:

ui.js, line 1115

disconnect()

断开元素

Source:

ui.js, line 1071

disconnectChildren()

断开所有子元素

Source:

ui.js, line 1088

drawChildren()

绘制所有子元素

Source:

ui.js, line 1097

emit(type, bubbleopt)

调用元素事件和脚本

Source:

ui.js, line 1535

Parameters:

Name	Type	Attributes	Default	Description
`type`	`string`			元素事件类型
`bubble`	`boolean`	<optional>	false	是否传递事件

hide() → {UIElement}

隐藏元素

Source:

ui.js, line 1243

Returns:

Type:: UIElement

insertBefore(element, destination)

插入子元素到目标元素前面

Source:

ui.js, line 1162

Parameters:

Name	Type	Description
`element`	`UIElement`	新插入的元素
`destination`	`UIElement`	目标位置的元素

isPointIn(x, y) → {boolean}

判断屏幕坐标点是否在元素区域内

Source:

ui.js, line 1346

Parameters:

Name	Type	Description
`x`	`number`	屏幕X
`y`	`number`	屏幕Y

Returns:

Type:: boolean

isVisible() → {boolean}

判断是否可见

Source:

ui.js, line 1327

Returns:

Type:: boolean

move(transformProps, easingIdopt, durationopt)

移动元素

Source:

ui.js, line 1402

Parameters:

Name	Type	Attributes	Description
`transformProps`	`Object`		元素变换属性选项
`easingId`	`string`	<optional>	过渡曲线ID
`duration`	`number`	<optional>	持续时间(毫秒)

moveToIndex(pos)

将元素移动到父级列表中指定的索引位置

Source:

ui.js, line 1188

Parameters:

Name	Type	Description
`pos`	`number`	目标索引位置

query(key, value) → {UIElement|undefined}

查询属性匹配的后代元素

Source:

ui.js, line 1499

Parameters:

Name	Type	Description
`key`	`string`	属性键
`value`	`any`	属性值

Returns:

Type:: UIElement | undefined

remove()

从父级元素中移除

Source:

ui.js, line 1213

resizeChildren()

调整所有子元素

Source:

ui.js, line 1106

set(transformProps)

设置元素位置

Source:

ui.js, line 1389

Parameters:

Name	Type	Description
`transformProps`	`Object`	元素变换属性选项

show() → {UIElement}

显示元素

Source:

ui.js, line 1254

Returns:

Type:: UIElement