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

简介:

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

2.3 母版使用案例

Axure RP7网站和APP原型制作从入门到精通
这个案例是为了帮你进一步理解什么是自定义事件及其重要性。在这个案例中,我将演示如何使用一个带有自定义事件的母版在4个不同的页面中触发不同的动作。在Axure中,如果没有自定义事件,这是无法实现的。

01 在站点地图中创建4个页面,在任意页面的设计区域中添加“上一页”和“下一页”两个部件,还有两条水平线,并将其转换为母版,见图12。


8005f7cbb34b396be4f07dc5bfa9fc731e1d4fd9

02 双击母版,进入编辑状态,选中上一页,在部件交互面板中双击“鼠标单击时”事件,在弹出的用例编辑器中新增自定义事件动作,并在第四步配置动作中新增自定义事件,给其命名为 previous(注意:不支持中文),勾选其前面的复选框(如果不勾选,在母版的交互面板中是看不到该事件的),点击“确定”按钮,见图13。


ba74d4bce473bd69ff970419c24d51b0305e9a5f

03 选中下一页部件,在部件交互面板中双击“鼠标单击时”事件,在弹出的用例编辑器中新增自定义事件动作,并在第四步配置动作中新增自定义事件,给其命名为next(注意:不支持中文),勾选其前面的复选框(如果不勾选,在母版的交互面板中是看不到该事件的),点击“确定”按钮,见图14。


87f2e3aa561097a168f4f3cb3ec9f96b8ec2d1f6

04 将该母版拖放到每个页面的设计区域中。

05 为不同页面中的母版添加自定义交互事件。注意,首页中只能点击“下一页”,所以此页面的母版只添加点击next事件,在当前页面打开 page1即可。在page1/page2的母版中分别添加previous和next事件,让其跳转到相应的页面。在page3的母版只添加previous事件,让其跳转到page2,见图15。

06 按下F5键,快速预览测试效果。


5b9b1e3e52c94d9184dc083d68b2921e9066853e
相关文章
|
2月前
仿SOUL社交友附近人婚恋约仿陌陌APP网站源码
仿SOUL社交友附近人婚恋约仿陌陌APP网站源码
51 0
仿SOUL社交友附近人婚恋约仿陌陌APP网站源码
|
3月前
|
Ubuntu Linux 测试技术
【Azure Function App】Python Function调用Powershell脚本在Azure上执行失败的案例
【Azure Function App】Python Function调用Powershell脚本在Azure上执行失败的案例
|
3月前
|
网络安全
【Azure 应用服务】App Servie网站报403 ModSecurity Action错误
【Azure 应用服务】App Servie网站报403 ModSecurity Action错误
|
3月前
|
Linux C#
【Azure App Service】C#下制作的网站,所有网页本地测试运行无误,发布至Azure之后,包含CHART(图表)的网页打开报错,错误消息为 Runtime Error: Server Error in '/' Application
【Azure App Service】C#下制作的网站,所有网页本地测试运行无误,发布至Azure之后,包含CHART(图表)的网页打开报错,错误消息为 Runtime Error: Server Error in '/' Application
|
4月前
|
存储 前端开发 测试技术
同城交友APP系统开发运营版/案例详细/功能步骤/逻辑方案
开发一款同城交友APP系统需要经过以下大致流程:
|
3月前
Axure App 垂直滚动
Axure App 垂直滚动
42 0
|
6月前
|
网络协议 定位技术 数据安全/隐私保护
APP审核驳回和重大版本问题经典案例及解决方案
APP审核驳回和重大版本问题经典案例及解决方案
199 0
|
6月前
|
PHP
HYBBS 表白墙网站PHP程序源码 可封装成APP
HYBBS 表白墙网站PHP程序源码 可封装成APP
57 1
|
6月前
|
机器学习/深度学习 数据采集 开发框架
Python实战案例--车型识别app
Python实战案例--车型识别app
|
监控 数据安全/隐私保护 Android开发
通过UptimeRobot免费监控网站状态并使用邮箱+APP进行通知
这篇文章介绍了如何使用UptimeRobot免费监控网站的状态,并通过邮箱和APP进行通知。UptimeRobot是一个国外的网络监控服务,它可以定期检查网站或服务是否正常运行,并在发现故障或异常时发送警报通知给用户。文章详细介绍了如何注册、添加监控项目,并使用APP进行通知。最后还提到了可在APP中修改和添加监控项目,并更改手机名称的功能。
341 0

热门文章

最新文章