Namespace: BlingTurboComponent

{
  "usingComponents": {
    "_": "@alipay/bling-component/_"
  }
}

<_
  className="bling"
  ref="BlingRef"
>
  <image src="https://gw.alipayobjects.com/as/g/tiny/resources/1.0.0/images/ants/ant.png" />
</_>

Page({
  BlingRef(ref) {
    this.blingRef = ref;
  },
  onReady() {
    const action = Bling._.RotateTo(1000, Bling.rotation(135));

    this.blingRef.setRotation(15);
    this.blingRef.setPosition(200, 200);
    this.blingRef.runAction(action);
  },
});

Methods

staticBlingTurboComponent.getAnchor() ❯ {object}

turbo/index.js, line 131

Returns:

Type	Description
object

staticBlingTurboComponent.getOpacity() ❯ {number}

turbo/index.js, line 104

Returns:

Type	Description
number

staticBlingTurboComponent.getPosition() ❯ {Bling.point}

turbo/index.js, line 58

Returns:

Type	Description
Bling.point

staticBlingTurboComponent.getRotation() ❯ {Bling.rotation}

turbo/index.js, line 92

Returns:

Type	Description
Bling.rotation

staticBlingTurboComponent.getScale() ❯ {Bling.scale}

turbo/index.js, line 78

Returns:

Type	Description
Bling.scale

staticBlingTurboComponent.getVisible() ❯ {boolean}

turbo/index.js, line 116

Returns:

Type	Description
boolean

staticBlingTurboComponent.hide()

turbo/index.js, line 47

staticBlingTurboComponent.runAction(actions)

turbo/index.js, line 137

让 action 们动起来吧

Tips: 多组action同时：runAction([action1, action2], action3)

Name	Type	Description
actions	array.<Bling._.Action> | Bling._.Action	action 数组或参数序列

Example

const action = Bling._.MoveBy(1000, Bling.point(100, 100));
ref.runAction(action);
// ref 对象会在舞台的(0, 0)位置和(100, 100)位置做一次移动

staticBlingTurboComponent.runSequenceAction(actions)

turbo/index.js, line 152

有顺序的让 action 们动起来吧

Tips: runSequenceAction(action1, action2)

Name	Type	Description
actions	array.<Bling._.Action> | Bling._.Action	action 数组或参数序列

Example

const action1 = Bling._.MoveTo(1000, Bling.point(100, 100));
const action2 = Bling._.ScaleBy(1200, Bling.scale(0.25, 2));
const action3 = Bling._.RotateTo(2000, Bling.rotation(135));
ref.runSequenceAction(action1, action2, action3);
// ref 对象先在 1000ms 内从坐标(0, 0)移动到(100, 100)，然后在 1200ms 内横向缩小0.25倍，纵向拉伸2倍，最后在 2000ms 内顺时针旋转 135 度

staticBlingTurboComponent.setAnchor(x, y)

turbo/index.js, line 122

设置中心点，组合使用时可能会不符合预期，以实际效果为准

Name	Type	Description
x	number
y	number	optional

staticBlingTurboComponent.setOpacity(opacity)

turbo/index.js, line 98

Name	Type	Description
opacity	number

staticBlingTurboComponent.setPosition(x, y)

turbo/index.js, line 64

Name	Type	Description
x	number | string
y	number | string	optional

staticBlingTurboComponent.setRotation(rotate, rotateX, rotatey)

turbo/index.js, line 84

Name	Type	Default	Description
rotate	number
rotateX	number	0	optional
rotatey	number	0	optional

staticBlingTurboComponent.setScale(scaleX, scaleY)

turbo/index.js, line 71

Name	Type	Description
scaleX	number
scaleY	number	optional

staticBlingTurboComponent.setVisible(visible)

turbo/index.js, line 110

Name	Type	Description
visible	boolean

staticBlingTurboComponent.show()

turbo/index.js, line 42