动效设计Principle：事件介绍

事件是Principle中频繁使用的功能，主要的功能是可以让静态内容按照事件动作的定义动起来，例如点击事件，就是通过鼠标/手指点按动作让静态内容产生交互。

1.事件的定义

事件的转换发生在不同的画板之间，可以通过画板或者某一个图层发起对另外一个画板的事件。选中图层或画板时，右侧会有一个“闪电”的图标，单击该图标会出现事件列表，选中某一个事件，并拖动到目标画板，即可完成事件的添加。添加完成后，可以看到两个画板之间，有一根带箭头的直线建立了联系。

2.事件的种类

事件一共有12种，分别是：

tap（点击）：最常见的点击事件

Long Press（长按）：按住0.5秒后触发的事件，在移动端中比较常见

Scroll Begin（滚动开始）：当图层滚动开始时触发的事件，例如页面开始滚动时就触发，这个事件对翻页同样作用

Scroll Release（滚动释放）：手或者鼠标抬起，滚动过程中触发的事件，这个事件对翻页同样作用

Scroll End（滚动停止）：图层结束滚动时触发的事件，例如页面停止滚动时才触发，这个事件对翻页同样作用

Drag Begin（拖动开始）：当按住一个图层，开始拖动时，就会触发的事件，例如新版QQ，拖动文件就会在右上角出现“拖到此处发给QQ好友”

Drag Begin（拖动结束）：拖动图层松开后就会触发的事件。

Hover Inside（鼠标移入）：当鼠标移入图层时发生的事件，常见于按钮的悬浮状态变化

Hover Outside（鼠标移出）：鼠标移出图层时发生的事件

Auto（自动）：可以理解为页面载入时就触发的事件，往往用在loading动画设计中

---

推荐阅读：

Principle中文手册：Principle中文手册（2019）