Skip to content
On this page

Class: Transform<T> ​

节点,用于构建整个项目的节点树,也是所有组件挂载的节点

ts
const node = new Transform();

Type parameters ​

NameType
Textends Container = Container

Hierarchy ​

Table of contents ​

Constructors ​

Properties ​

Accessors ​

Methods ​

Constructors ​

constructor ​

• new Transform<T>(classConstructor?)

一个节点只能挂载一个视觉组件

Type parameters ​

NameType
Textends Container<T> = Container

Parameters ​

NameType
classConstructor?Constructor<T>

Defined in ​

src/core/transform/Transform.ts:79

Properties ​

_anchor ​

• _anchor: Vector2

Defined in ​

src/core/transform/Transform.ts:175


_rotation ​

• _rotation: number = 0

Defined in ​

src/core/transform/Transform.ts:164


active ​

• active: boolean = true

Defined in ​

src/core/transform/Transform.ts:27


alone ​

• alone: boolean = false

Defined in ​

src/core/transform/Transform.ts:24


alpha ​

• alpha: number = 1

透明度

Defined in ​

src/core/transform/Transform.ts:237


children ​

• children: Transform<Container>[] = []

子节点

Defined in ​

src/core/transform/Transform.ts:313


components ​

• components: Component[] = []

所有组件
默认包含一个容器组件,当添加了其他容器组件后自动替换,只能包含一个视觉组件

Defined in ​

src/core/transform/Transform.ts:206


container ​

• container: T

Defined in ​

src/core/transform/Transform.ts:201


deliver ​

• deliver: boolean = true

是否继续向父元素传递事件(冒泡)

Defined in ​

src/core/transform/Transform.ts:228


emitter ​

• emitter: EventEmitter<TransformEvent, any>

Defined in ​

src/core/transform/Transform.ts:30


id ​

• id: number = 0

Defined in ​

src/core/transform/Transform.ts:22


name ​

• name: string = 'node'

Defined in ​

src/core/transform/Transform.ts:29


parent ​

• Optional parent: Transform<Container>

父节点

Defined in ​

src/core/transform/Transform.ts:211


pierce ​

• pierce: boolean = false

是否穿透,可触发非父元素外的其它元素事件

Defined in ​

src/core/transform/Transform.ts:232


redraw ​

• redraw: boolean = false

Defined in ​

src/core/transform/Transform.ts:32


Event ​

▪ Static Event: Object

事件

Type declaration ​

NameTypeDescription
ADDED"ADDED"当添加到显示舞台时
CHANGE_DISPLY"CHANGE_DISPLY"可见元素发生变化时(需要渲染的元素)
CHILD_ADDED"CHILD_ADDED"当添加新的字节点时
REMOVED"REMOVED"当被移除于舞台时
REPOSITION"REPOSITION"位置发生变化
RESIZE"RESIZE"尺寸发生变化时
TICKER_AFTER"TICKER_AFTER"帧刷新后
TICKER_BEFORE"TICKER_BEFORE"帧刷新前

Defined in ​

src/core/transform/Transform.ts:36

Accessors ​

anchor ​

• get anchor(): Vector2

锚点

Returns ​

Vector2

Defined in ​

src/core/transform/Transform.ts:179

• set anchor(value): void

Parameters ​

NameType
valueVector2

Returns ​

void

Defined in ​

src/core/transform/Transform.ts:182


anchorX ​

• get anchorX(): number

Returns ​

number

Defined in ​

src/core/transform/Transform.ts:186

• set anchorX(val): void

Parameters ​

NameType
valnumber

Returns ​

void

Defined in ​

src/core/transform/Transform.ts:189


anchorY ​

• get anchorY(): number

Returns ​

number

Defined in ​

src/core/transform/Transform.ts:193

• set anchorY(val): void

Parameters ​

NameType
valnumber

Returns ​

void

Defined in ​

src/core/transform/Transform.ts:196


height ​

• get height(): number

Returns ​

number

Defined in ​

src/core/transform/Transform.ts:130

• set height(val): void

Parameters ​

NameType
valnumber

Returns ​

void

Defined in ​

src/core/transform/Transform.ts:133


position ​

• get position(): Vector2

位置

Returns ​

Vector2

Defined in ​

src/core/transform/Transform.ts:90

• set position(value): void

Parameters ​

NameType
valueVector2

Returns ​

void

Defined in ​

src/core/transform/Transform.ts:93


rotation ​

• get rotation(): number

旋转

Returns ​

number

Defined in ​

src/core/transform/Transform.ts:168

• set rotation(value): void

Parameters ​

NameType
valuenumber

Returns ​

void

Defined in ​

src/core/transform/Transform.ts:171


scale ​

• get scale(): Vector2

缩放

Returns ​

Vector2

Defined in ​

src/core/transform/Transform.ts:143

• set scale(value): void

Parameters ​

NameType
valueVector2

Returns ​

void

Defined in ​

src/core/transform/Transform.ts:146


scaleX ​

• get scaleX(): number

Returns ​

number

Defined in ​

src/core/transform/Transform.ts:150

• set scaleX(val): void

Parameters ​

NameType
valnumber

Returns ​

void

Defined in ​

src/core/transform/Transform.ts:153


scaleY ​

• get scaleY(): number

Returns ​

number

Defined in ​

src/core/transform/Transform.ts:157

• set scaleY(val): void

Parameters ​

NameType
valnumber

Returns ​

void

Defined in ​

src/core/transform/Transform.ts:160


size ​

• get size(): Vector2

大小

Returns ​

Vector2

Defined in ​

src/core/transform/Transform.ts:116

• set size(value): void

Parameters ​

NameType
valueVector2

Returns ​

void

Defined in ​

src/core/transform/Transform.ts:119


touch ​

• get touch(): boolean

Returns ​

boolean

Defined in ​

src/core/transform/Transform.ts:221

• set touch(val): void

触摸事件,默认关闭

Parameters ​

NameType
valboolean

Returns ​

void

Defined in ​

src/core/transform/Transform.ts:217


width ​

• get width(): number

Returns ​

number

Defined in ​

src/core/transform/Transform.ts:124

• set width(val): void

Parameters ​

NameType
valnumber

Returns ​

void

Defined in ​

src/core/transform/Transform.ts:127


x ​

• get x(): number

Returns ​

number

Defined in ​

src/core/transform/Transform.ts:97

• set x(val): void

Parameters ​

NameType
valnumber

Returns ​

void

Defined in ​

src/core/transform/Transform.ts:100


y ​

• get y(): number

Returns ​

number

Defined in ​

src/core/transform/Transform.ts:105

• set y(val): void

Parameters ​

NameType
valnumber

Returns ​

void

Defined in ​

src/core/transform/Transform.ts:108

Methods ​

addChild ​

▸ addChild<U>(transform, props?): U

插入一个子节点

Type parameters ​

NameType
Uextends Transform<Container, U>

Parameters ​

NameTypeDescription
transformU待插入的节点
props?Props<U>-

Returns ​

U

Defined in ​

src/core/transform/Transform.ts:319


addChildAt ​

▸ addChildAt(child, index): void

在指定位置插入节点

Parameters ​

NameTypeDescription
childTransform<Container>待插入的节点
indexnumber要插入的位置

Returns ​

void

Defined in ​

src/core/transform/Transform.ts:334


addComponent ​

▸ addComponent<T>(classConstructor, props?): T

添加一个组件

Type parameters ​

NameType
Textends Component<T>

Parameters ​

NameTypeDescription
classConstructorT | Constructor<T>要挂载的组件
props?Props<T>-

Returns ​

T

Defined in ​

src/core/transform/Transform.ts:243


destroy ​

▸ destroy(): void

消毁

Returns ​

void

Defined in ​

src/core/transform/Transform.ts:383


find ​

▸ find(path): Transform<Container>

路径查找节点

ts
// 创建身体节点
const body = new Transform();
// 设置名称
body.name = 'body';
// 创建头部节点
const head = new Transform();
// 设置名称
head.name = 'head';
// 创建左眼节点
const leftEye = new Transform();
// 设置名称
leftEye.name = 'lEye';
// 创建右眼节点
const rightEye = new Transform();
// 设置名称
rightEye.name = 'rEye';
// 将右眼添加到头部
head.addChild(leftEye);
// 将左眼添加到头部
head.addChild(rightEye);
// 将头部添加到身体
body.addChild(head);
// 从身体获取左眼
body.find('head/lEye');
// 从身体获取右眼
body.find('head/rEye');

Path

  • 路径

Parameters ​

NameType
pathstring | string[]

Returns ​

Transform<Container>

Defined in ​

src/core/transform/Transform.ts:422


getComponent ​

▸ getComponent<T>(classConstructor): T

获取单个组件,获取首个匹配到的组件

Type parameters ​

NameType
Textends Component<T>

Parameters ​

NameTypeDescription
classConstructorConstructor<T>组件

Returns ​

T

Defined in ​

src/core/transform/Transform.ts:268


getComponents ​

▸ getComponents<T>(classConstructor): T[]

获取所有组件

Type parameters ​

Name
T

Parameters ​

NameTypeDescription
classConstructorConstructor<T>组件

Returns ​

T[]

  • 所有满足条件的组件

Defined in ​

src/core/transform/Transform.ts:276


getComponentsInChildren ​

▸ getComponentsInChildren<T>(classConstructor): T[]

从子节点获取所有组件,不会包含当前节点
递归查询所有子节点的

Type parameters ​

Name
T

Parameters ​

NameTypeDescription
classConstructorConstructor<T>组件

Returns ​

T[]

  • 所有满足条件的组件

Defined in ​

src/core/transform/Transform.ts:292


getOffset ​

▸ getOffset(): Vector2

获取右上角偏真实移量

Returns ​

Vector2

Defined in ​

src/core/transform/Transform.ts:460


getWordPoisition ​

▸ getWordPoisition(): Vector2

获取相对世界坐标

Returns ​

Vector2

Defined in ​

src/core/transform/Transform.ts:467


getWordScale ​

▸ getWordScale(): Vector2

获取相对于世界的缩放

Returns ​

Vector2

Defined in ​

src/core/transform/Transform.ts:479


onDestroy ​

▸ Optional onDestroy(): void

Returns ​

void

Defined in ​

src/core/transform/Transform.ts:389


removeAllComponent ​

▸ removeAllComponent(): void

移除所有组件

Returns ​

void

Defined in ​

src/core/transform/Transform.ts:258


removeChild ​

▸ removeChild(transform): void

移除一个节点

Parameters ​

NameTypeDescription
transformTransform<Container>将要移除的节点

Returns ​

void

Defined in ​

src/core/transform/Transform.ts:346


removeChildAt ​

▸ removeChildAt(index): Transform<Container>

移除一个指定位置的元素

Parameters ​

NameTypeDescription
indexnumber要移除节点的位置

Returns ​

Transform<Container>

Defined in ​

src/core/transform/Transform.ts:359


removeChildren ​

▸ removeChildren(): void

移除所有子元素

Returns ​

void

Defined in ​

src/core/transform/Transform.ts:368


removeComponent ​

▸ removeComponent(component): void

移除一个组件

Parameters ​

NameTypeDescription
componentComponent将要移除的组件

Returns ​

void

Defined in ​

src/core/transform/Transform.ts:251


select ​

▸ select(queryString): any[]

根据name查找节点

Parameters ​

NameType
queryStringstring | string[]

Returns ​

any[]

Defined in ​

src/core/transform/Transform.ts:441


update ​

▸ update(time): void

Parameters ​

NameType
timenumber

Returns ​

void

Defined in ​

src/core/transform/Transform.ts:376