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

简介:

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

第2章 母版详解

Axure RP7网站和APP原型制作从入门到精通
母版可用来创建可重复使用的资源和管理全局变化,是整个项目中重复使用的部件容器。对母版的任何修改提交后,任何页面中所使用的相同的母版都会同时改变。

2.1 母版基础

2.2 自定义事件

2.3 母版案例

2.1 母版基础
Axure RP7网站和APP原型制作从入门到精通
母版可用来创建可重复使用的资源和管理全局变化,是整个项目中重复使用的部件容器。用来创建母版的常用元素有:页头、页脚、导航、模板和广告等。母版的强大之处在于,你可以在任何页面轻松地使用母版,而不需要再次制作或复制粘贴,并且你可以在母版面板对母版进行统一管理。对母版的任何修改提交后,任何页面中所使用的相同的母版都会同时改变。你还可以使用多个母版并将其添加到任何页面上。比如,你创建了一个全局导航菜单并将其放在了多个页面中,但是你想在全局导航菜单中添加一个“最新团购”栏目,为此你可以直接编辑母版,在全局导航菜单母版中添加这个栏目,所有页面中的全局导航菜单母版也将同步发生改变。当每个页面中有大量相同重复的部件时,使用母版能够节省时间,提高效率。

2.1.1 创建母版的两种方法

方法一:在母版面板中点击“新增母版”,给新创建的母版命名,双击该母版进入编辑,见图1。

方法二:在设计区域中选中要转换为母版的部件,然后点击右键,选择“转换为母版”,见图2。在弹出对话框中设置母版的名称,你还可以选择母版的拖放行为,稍后会讲解到。


7924dceedbaea6f4817cf7660cf384e1f7cc88b1

2.1.2 使用母版

使用母版面板对母版进行管理,见图3。

在母版面板中,你可以对母版进行添加、删除、排序等管理。

要对母版重新命名,请慢速双击母版,或者点击右键选择“重命名”。

删除母版,点击选中母版,并点击删除母版图标。

拖拽母版或点击上下箭头图标可以对母版进行排序。

母版面板还可以添加文件夹,与站点地图相似,母版还可以新增子母版。

添加母版到设计区域中,见图4。


ed34e9df3a5fb89ca79aec1acb6555298f299782

拖放(Drag and Drop):拖放母版到设计区域中,就像平时操作部件一样。

批量添加/删除(Bulk Add/Remove):右键点击母版,选择“新增到页面”,在弹出的“新增母版到页面”对话框中选择想要添加母版的页面。

右键点击母版,选择“从页面删除”,可以在页面中批量删除母版。

母版遮罩:可以看到,在添加的母版上会覆盖一层粉红色的遮罩,这是为了让我们快速区分设计区域中哪些元素是母版。不过,你可以点击菜单中的“视图 >遮罩”,取消显示这层粉红色的遮罩。同样,在这里你还可以给动态面板、中继器、图片热区取消/添加遮罩层,见图5。


0fe8022c19abaf9546165d7216b9ea5ccd3e99a1

2.1.3 母版的行为特性(Master Behaviors)

母版可以设置3种不同的行为:拖放到任何位置、锁定母版位置、从母版脱离。要改变母版行为,右键点击母版,“选择拖放行为”,在弹出的子菜单中进行选择。你可以随时修改母版行为,但这只会影响到当前要拖放到设计区域的母版,见图6。


e213e3ec0c9dd057b50b053b5fd3c6b8760be0dc

任何位置(Place Anywhere):当拖动母版到设计区域时,你可以任意指定母版的位置,见图7。


dd522f7eadec8e78abdfa91781581ce0ec399840

锁定母版位置(Lock to Master Location):当拖动母版到设计区域时,母版会被自动锁定到创建母版时的位置,见图8。


dc9903e0841857df5748854a6d172c2c25b47bc8

从母版脱离(Break Away from Master):当拖动母版到设计区域时,这些部件会与母版脱离关系,变成可以编辑的部件。这对于创建有预置属性的部件库非常有帮助(比如一个深灰色带有文字的按钮),见图9。


11695afec38d73fabd8a77e05e25910aca1d6ed8
相关文章
|
2月前
|
PHP
HYBBS 表白墙网站PHP程序源码 可封装成APP
HYBBS 表白墙网站PHP程序源码 可封装成APP
41 1
|
11月前
|
监控 数据安全/隐私保护 Android开发
通过UptimeRobot免费监控网站状态并使用邮箱+APP进行通知
这篇文章介绍了如何使用UptimeRobot免费监控网站的状态,并通过邮箱和APP进行通知。UptimeRobot是一个国外的网络监控服务,它可以定期检查网站或服务是否正常运行,并在发现故障或异常时发送警报通知给用户。文章详细介绍了如何注册、添加监控项目,并使用APP进行通知。最后还提到了可在APP中修改和添加监控项目,并更改手机名称的功能。
244 0
|
10月前
|
移动开发 安全 Shell
如何排查网站及APP数据遭到泄露的问题
近年来数据泄露安全事件频发,在今年的hw网络安全攻防演练中,获取敏感信息、数据泄露等漏洞的得分也越来越高,我们SINE安全近十年来成功的帮助了许多客户,查找到了数据泄露的原因,在这里向大家分享我们的经验与心得,包括数据泄露的排查办法以及修复。
121 0
|
安全 小程序 数据库
网站和APP用户注销功能的讨论
网站和APP用户注销功能的讨论
193 0
|
安全 小程序 搜索推荐
网站、小程序、APP为什么要SSL证书?
部署了SSL证书的网站会在浏览器地址栏中显示HTTPS绿色安全小锁。可告诉用户其访问的是安全可信的站点,可放心地进行操作和交易,有效提升公司的品牌形象和可信度。
|
前端开发 JavaScript API
上传Api成功但在苹果开发者网站App Store Connect中未显示构建版本
上传Api成功但在苹果开发者网站App Store Connect中未显示构建版本的解决方案
Axure用中继器做聊天APP原型(含视频教程)
Axure用中继器做聊天APP原型(含视频教程)
|
数据安全/隐私保护
Axure教程:一个通用的app注册/登录页
Axure教程:一个通用的app注册/登录页
|
安全 测试技术
赛事直播攻略:最新推出「体育比分网站APP竞猜源码解决方案」
随着体育比赛的普及和人们对于赛事直播的需求不断增加,越来越多企业和机构希望搭建自己的赛事平台。为了帮助用户更加高效、便捷地搭建自己的赛事平台,东莞梦幻网络公司推出了一款名为「体育比分网站APP竞猜源码解决方案」的产品,旨在为用户提供节省费用和开发时间的解决方案。本篇文章将为大家介绍如何使用这款产品进行赛事直播,并给出一些实用的攻略。