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

2.2 自定义事件

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

2.2.1 自定义事件概述

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

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

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

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

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

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

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

2.2.2 创建和使用自定义事件

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

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

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

时间: 2024-09-20 23:14:35

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

《Axure RP7网站和APP原型制作从入门到精通》一1.3 部件概述

1.3 部件概述 Axure RP7网站和APP原型制作从入门到精通 通过部件面板,你可以使用Axure内建的部件库,也可以下载并导入第三方部件库,或者管理你自己的自定义部件库.在默认显示的线框图部件库中包含Common.Forms和Menus and Table3个类别,关于流程图部件库稍后给大家介绍,见图8. A:点击选择部件库,在下拉列表中选择想要使用的部件库. B:选项按钮,可以载入已经下载的部件库,创建或编辑自定义部件库. C:搜索部件 1.3.1 部件详解 线框图是由一系列部件构成的

《Axure RP7网站和APP原型制作从入门到精通》一1.4 交互基础

1.4 交互基础 Axure RP7网站和APP原型制作从入门到精通 本节将给大家讲解一些Axure中比较基础但非常实用的交互,可以让不懂代码的人制作出可交互的高保真用户体验原型.在Axure中创建交互包含以下4个构建模块:交互(Interactions).事件(Events).用例(Cases)和动作(Actions).交互是由事件触发的,事件是用来执行动作的,这就是本章要重点讲解的4个主题. 客户对更好的用户体验的期望持续上升,很明显,我们正处在设计软件所带来的巨大变化中,加上响应式网页设计

《Axure RP7网站和APP原型制作从入门到精通》一第2章 母版详解

第2章 母版详解 Axure RP7网站和APP原型制作从入门到精通 母版可用来创建可重复使用的资源和管理全局变化,是整个项目中重复使用的部件容器.对母版的任何修改提交后,任何页面中所使用的相同的母版都会同时改变. 2.1 母版基础 2.2 自定义事件 2.3 母版案例 2.1 母版基础 Axure RP7网站和APP原型制作从入门到精通 母版可用来创建可重复使用的资源和管理全局变化,是整个项目中重复使用的部件容器.用来创建母版的常用元素有:页头.页脚.导航.模板和广告等.母版的强大之处在于,你

《Axure RP7网站和APP原型制作从入门到精通(60小时案例版)》一第1章 Axure基础交互1.1 欢迎界面

第1章 Axure基础交互 Axure RP7网站和APP原型制作从入门到精通(60小时案例版) Axure RP7相较之前的版本做出了很大的改变,无论你是刚刚接触Axure RP7的新人,还是曾经使用过Axure的其他版本,在深入学习之前都有必要花一些时间来发现它的新特性并熟悉它的功能.Axure是一款功能强大的工具,但能否用好它取决于你的学习态度和自学的毅力. 本章将帮助你熟悉Axure的软件界面,并为掌握其丰富功能打下坚实的基础.AxureRP7可适用于PC的Windows系统和Mac的O

《Axure RP7网站和APP原型制作从入门到精通》一1.5 总结

1.5 总结 Axure RP7网站和APP原型制作从入门到精通在本章中,我们介绍了Axure交互的基础内容.作为经验总结,需要从一开始就提醒各位读者的是:在制作原型交互的过程中一定要考虑到可交付资料,比如UI规范文档.线框图等.原型的保真度和复杂度越高,就越难以呈现一份清晰和容易理解的UI规范文档.

《Axure RP7网站和APP原型制作从入门到精通》一1.2 站点地图

1.2 站点地图 Axure RP7网站和APP原型制作从入门到精通站点地图用来增加.删除和组织管理原型中的页面.添加页面的数量是没有限制的,但是如果你的页面非常多,强烈建议使用文件夹进行管理,见图7. A:创建新页面 B:创建新文件夹  C:使用上下箭头管理页面顺序 D:使用左右箭头管理页面的层级关系  E:删除页面  F:搜索页面

《Axure RP7网站和APP原型制作从入门到精通》一2.3 母版使用案例

2.3 母版使用案例 Axure RP7网站和APP原型制作从入门到精通这个案例是为了帮你进一步理解什么是自定义事件及其重要性.在这个案例中,我将演示如何使用一个带有自定义事件的母版在4个不同的页面中触发不同的动作.在Axure中,如果没有自定义事件,这是无法实现的. 01 在站点地图中创建4个页面,在任意页面的设计区域中添加"上一页"和"下一页"两个部件,还有两条水平线,并将其转换为母版,见图12. 02 双击母版,进入编辑状态,选中上一页,在部件交互面板中双击&

《Axure RP7网站和APP原型制作从入门到精通》一第1章 Axure基础交互1.1 欢迎界面

第1章 Axure基础交互 Axure RP7网站和APP原型制作从入门到精通Axure RP7相较之前的版本做出了很大的改变,无论是你刚刚接触Axure RP7的新人,还是曾经使用过Axure的其他版本,在深入学习之前都有必要花一些时间来发现它的新特性并熟悉它的功能.Axure是一款功能强大的工具,但能否用好它取决于你的学习态度和自学的毅力. 本章将帮助你熟悉Axure的软件界面,并对掌握其丰富功能打下坚实的基础.Axure可适用于Windows系统和OS X系统,为了方便教学,我在书中的截图

《Axure RP8 网站和APP原型制作 从入门到精通》一导读

前 言 Axure RP8 网站和APP原型制作 从入门到精通 感谢所有读者对<Axure RP7网站和APP原型制作从入门到精通>提出批评和改正意见.笔者将收到的反馈信息和读者们常见的问题进行归类分析后对本书的教学大纲进行了改进. 枯燥的内容会降低学习效率,而生动有趣的内容在学习过程中却可以起到事半功倍的效果. 本书在讲解枯燥的知识点的同时,结合了大量生动案例,并且在每个学习阶段都给读者提供了挑战机会.通过独立挑战,帮助读者夯实所学知识点和操作技能.除此之外,每个案例和挑战都提供视频教学,帮