.

3.1.常用触发行为

伯益发表于:2016年10月11日 11:34:42更新于:2019年01月07日 10:48:53

  • 触发动画

举个例子,如下图,当点击“放大出现”时,上方的icon放大出现,我们使用触发动画方式来实现这个效果。

这种方式不同于触发动效,我们需要先给icon添加一个等待触发的放大出现动画

1.添加动画

001578a3fa292fbb57f979b89b6c50c

2.跟刚才一样,因为点击“放大出现”后才出现,所以要设置成等待触发

001578a40106ed775e28bb878792f6c

3.给“放大出现”设置触发器-点击时,跟触发动效设置一样,只不过这里选择的是“播放动画”,

001578a40cc0cd0ec47576a9b8793b0

4.注意:画布上如果没有具有动画的元素,这里就会为空,所以之前一定要先给元素添加动画,最后点击✅保存,这样,触发动画的方式就完成了。


  • 触发动效

001578a3c1643c3fdfb623cd72acd67

1.因为icon只有当点击“放大出现“时才会显示,所以要将它设置为初始隐藏

001578a3e2c6c6ffa707fb092c93062

2.给“放大出现”设置触发器-点击时

001578a3cc0928aa2c38b55c6a95d04

2.选择触发器行为-触发动效

0015c2c6390cb77b1e074089b7635ec

3.选择要触发的元素“icon”,之后在设定动效处选择“放大”

001578a3ea598a13337d7aef45cd768

4.设置动效参数,

001578a3abdb24bd1f4247650931b37

最后点击✅保存,这样触发动效的方式完成了。


显示/隐藏元素

显示隐藏触发可以控制单个或多个元素的显示与隐藏。

0015c2c6bdc7da37bcd7701c849cac2

跳转页面

跳转页面触发可以控制跳转到某一个指定的页面。

0015c2c6f6e6cd2ef7e49341dc33442

拨打电话

拨打电话触发可以控制拨打电话的行为。

0015c2c6ff5da0caea13befdb26d1e8

打开网址

例如点击图片按钮打开网址。

0015c2c70666924b3e8320b34f9f8a9

音视频播放控制

例如点击图片按钮音视频播放暂停或停止。

0015c2c70cd453f78e1e0d79cfc6b6c