《Axure RP7网站和APP原型制作从入门到精通》一2.2 自定义事件

本节书摘来自异步社区《Axure RP7网站和APP原型制作从入门到精通》一书中的第2章,第2.2节,作者 金乌,更多章节内容可以访问云栖社区“异步社区”公众号查看

2.2 自定义事件

Axure RP7网站和APP原型制作从入门到精通

2.2.1 自定义事件概述

自定义事件是创建在母版中的,允许为母版的每个不同实例添加不同交互。当你想让母版内的部件影响到页面中母版外部的部件时,也可以使用自定义事件。自定义事件的交互是由母版内部的部件触发的。

例如,在母版中创建了“上一页/下一页”按钮,可以在按钮上添加一个鼠标点击时的自定义事件,当点击按钮时跳转到不同页面,而这个事件取决于当前母版所在的页面。这样做的好处就是,这里的按钮是一个母版,可以在一个地方轻松对其进行维护/更新。

或者,你的页面中有一个母版和一个动态面板,使用母版中的按钮来控制动态面板隐藏。你可以在母版中的按钮上添加自定义交互事件,然后就可以在母版上定义这个事件来设置动态面板为隐藏。要熟悉自定义事件可能会花一点儿时间,但是当你在工作用到它的时候,你会发现它的强大。

下面是关于自定义事件的重点。

自定义事件只能在母版中的部件上创建。

一个母版可以有多个自定义事件。

创建自定义事件需要两个步骤。1.在母版中的部件上创建自定义事件。2.将母版拖入到页面的设计区域中,选中该母版,在部件交互面板中使用自定义事件创建交互来影响当前页面中的元素。

2.2.2 创建和使用自定义事件

双击母版进入编辑,选中母版中要触发自定义事件的部件,然后在部件交互面板中双击想要触发自定义事件的事件,在弹出的用例编辑器中第二步,添加“自定义事件”动作,继续在第四步配置动作中设置自定义事件的名称,最后勾选自定义事件前面的复选框,点击“确定”,见图10。


《Axure RP7网站和APP原型制作从入门到精通》一2.2 自定义事件

此外,你还可以双击母版,进入编辑状态。然后点击菜单栏中的“布局 >管理自定义事件(仅限母版)”,对自定义事件进行管理,见图11。


《Axure RP7网站和APP原型制作从入门到精通》一2.2 自定义事件

当添加完毕自定义事件之后,将母版拖放到任意页面的设计区域中,选中该母版,在部件交互面板中就可以看到刚刚添加的自定义事件了。自定义事件的操作方法,和平时操作其他事件是一样的。

上一篇:JavaScript 开发人员需要知道的简写技巧


下一篇:Livepatch —— 免重启给 Ubuntu Linux 内核打关键性安全补丁