开发者社区> 异步社区> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

《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

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
《Axure RP7网站和APP原型制作从入门到精通(60小时案例版)》一导读
Axure RP7网站和APP原型制作从入门到精通(60小时案例版) 原型制作是在正式开始视觉设计或编码之前最具成本效益的可用性跟踪手段。Axure RP7是行业中最知名的原型设计工具之一。随着专业工具的出现,设计用户体验从未如此令人兴奋,设计原型也从未如此具有挑战性。
991 0
《Axure RP7网站和APP原型制作从入门到精通(60小时案例版)》一第1章 Axure基础交互1.1 欢迎界面
本节书摘来自异步社区《Axure RP7网站和APP原型制作从入门到精通(60小时案例版)》一书中的第1章,第1.1节,作者 金乌,更多章节内容可以访问云栖社区“异步社区”公众号查看 第1章 Axure基础交互 Axure RP7网站和APP原型制作从入门到精通(60小时案例版) Axure RP7相较之前的版本做出了很大的改变,无论你是刚刚接触Axure RP7的新人,还是曾经使用过Axure的其他版本,在深入学习之前都有必要花一些时间来发现它的新特性并熟悉它的功能。
1737 0
《Axure RP7网站和APP原型制作从入门到精通》一导读
随着我国互联网行业迅猛发展,互联网公司中不同职位的界定愈发清晰,对员工的专业能力需求 也愈发突出,熟练使用Axure 也成为UX 设计师甚至产品经理的先决条件。本书通过真实的案例和 场景, 循序渐进地帮助你将Axure 集成到用户体验的工作流程中。
1428 0
《云原生时代下的App开发》电子版地址
2021年12月,阿里云携10+技术专家亮相年度顶级云原生开源技术峰会 ,并带来阿里云云原生专场,不仅汇聚行业发展方向的精彩主题演讲,在云基础设施、可观察性等云原生与开源技术等各大专题中,从阿里云真实业务场景中 走出来的云原生技术最佳实践也向全球开发者一一呈现。
0 0
+关注
异步社区
异步社区(www.epubit.com)是人民邮电出版社旗下IT专业图书旗舰社区,也是国内领先的IT专业图书社区,致力于优质学习内容的出版和分享,实现了纸书电子书的同步上架,于2015年8月上线运营。公众号【异步图书】,每日赠送异步新书。
文章
问答
文章排行榜
最热
最新
相关电子书
更多
移动App持续交付之路
立即下载
移动App研发加速—跨平台解决方案
立即下载
云原生时代下的App开发
立即下载