本节书摘来自异步社区《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
Logo

开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!

更多推荐