美文网首页
动效设计Principle:事件介绍

动效设计Principle:事件介绍

作者: 夜雨y | 来源:发表于2019-09-20 09:49 被阅读0次

    事件是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)

    相关文章

      网友评论

          本文标题:动效设计Principle:事件介绍

          本文链接:https://www.haomeiwen.com/subject/xiwductx.html