添加交互事件

墨刀支持为页面或组件添加交互跳转事件，模拟用户使用产品交互时的真实体验，让你的原型“动”起来。

交互事件介绍

要添加一个交互事件，需要设置触发事件以及行为。

设置好以上两点后，还需要进一步选择跳转/切换的目标元素，以及具体的跳转方式，另外也可以添加切换动效。
这样在预览时就能进行高保真的交互体验了。

使用tips：同一元素的同类型事件支持多个行为。如单击一个组件，可切换多个动态组件的状态。

部分同类行为可能会产生冲突导致事件失效，请检查后重新设置。

跳转页面：支持跳转至该原型项目内的其他页面。
跳转超链接：支持跳转至其他网页网站。

若页面或组件具有多个状态，支持进行状态切换。
ps：仅支持当前页面或当前页面内的动态组件。

触发【滚动到】事件后，当前页面可以滚动至所选目标元素位置。

使用【滚动到】交互效果时，页面内画布需拉长至超过当前原型设定屏幕长度。

添加事件后，目标元素顶部会生成滚动参考线。可以使用鼠标上下拖动调整具体位置，也可在右侧面板设置【偏移目标】数值进行微调。

【显示/隐藏】事件可以快速切换目标元素的显示状态。
在右侧事件面板，可选【显示/隐藏/切换】三种类型，其中切换是指多次触发可切换显示/隐藏状态。

您也可以使用动态组件来实现显示/隐藏效果。具体方法请查看动态组件

墨刀支持为动态组件中的元素添加交互事件，如切换页面状态、其他组件状态等。能够实现丰富的动态效果。

有两种操作方法为原型添加交互事件。
1.选中需要添加交互的页面/元素组件，点击右侧的设置面板-事件-添加事件。

2.选中需要添加交互的元素组件，拖动左侧的【闪电】图标，即可快速创建事件。
-拖动至左侧页面列表中的某一页面，默认快速创建【单击切换页面】事件。
-拖动至目标元素组件，会弹出行为菜单，选择需要的行为即可快速创建事件；如果当前状态仅支持一种行为，则会直接创建事件。

-拖动至编辑区左上角的【返回来源页面】菜单，可快速创建返回链接，运行时点击即可回到当前页面的前一页。

有两种操作方法删除已添加的交互事件。
1.选中已添加交互的页面/元素组件，点击右侧的设置面板-事件-删除按钮。

2.当显示事件链接线时，选中已添加交互的页面/元素组件，点击链接线上的【剪刀】按钮，即可快速删除事件。

在左上角【更多】下拉菜单-偏好设置，或【事件】面板-设置，可以打开偏好设置弹窗。

与事件相关的设置包括：
1.常用-链接：可以设置添加事件后，页面中的标识方式，可选择不显示/只显示角标/显示线+角标。

2.动效：可设置切换页面/组件状态时的默认动效为无动效/智能动画效果。