《Axure RP7网站和APP原型制作从入门到精通》一第2章 母版详解
本节书摘来自异步社区《Axure RP7网站和APP原型制作从入门到精通》一书中的第2章,第2.1节,作者 金乌,更多章节内容可以访问云栖社区“异步社区”公众号查看第2章 母版详解Axure RP7网站和APP原型制作从入门到精通母版可用来创建可重复使用的资源和管理全局变化,是整个项目中重复使用的部件容器。对母版的任何修改提交后,任何页面中所使用的相...
本节书摘来自异步社区《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](https://i-blog.csdnimg.cn/blog_migrate/2a58925be72e117ba73aedb1280f4e7c.png)
2.1.2 使用母版
使用母版面板对母版进行管理,见图3。
在母版面板中,你可以对母版进行添加、删除、排序等管理。
要对母版重新命名,请慢速双击母版,或者点击右键选择“重命名”。
删除母版,点击选中母版,并点击删除母版图标。
拖拽母版或点击上下箭头图标可以对母版进行排序。
母版面板还可以添加文件夹,与站点地图相似,母版还可以新增子母版。
添加母版到设计区域中,见图4。
![ed34e9df3a5fb89ca79aec1acb6555298f299782](https://i-blog.csdnimg.cn/blog_migrate/a252693f0c566d213c507fe0659c70f1.png)
拖放(Drag and Drop):拖放母版到设计区域中,就像平时操作部件一样。
批量添加/删除(Bulk Add/Remove):右键点击母版,选择“新增到页面”,在弹出的“新增母版到页面”对话框中选择想要添加母版的页面。
右键点击母版,选择“从页面删除”,可以在页面中批量删除母版。
母版遮罩:可以看到,在添加的母版上会覆盖一层粉红色的遮罩,这是为了让我们快速区分设计区域中哪些元素是母版。不过,你可以点击菜单中的“视图 >遮罩”,取消显示这层粉红色的遮罩。同样,在这里你还可以给动态面板、中继器、图片热区取消/添加遮罩层,见图5。
![0fe8022c19abaf9546165d7216b9ea5ccd3e99a1](https://i-blog.csdnimg.cn/blog_migrate/a8b69e8d809eb1621c2ca32e3797f2ab.png)
2.1.3 母版的行为特性(Master Behaviors)
母版可以设置3种不同的行为:拖放到任何位置、锁定母版位置、从母版脱离。要改变母版行为,右键点击母版,“选择拖放行为”,在弹出的子菜单中进行选择。你可以随时修改母版行为,但这只会影响到当前要拖放到设计区域的母版,见图6。
![e213e3ec0c9dd057b50b053b5fd3c6b8760be0dc](https://i-blog.csdnimg.cn/blog_migrate/5c2703dc06e220d6eda1563024c98a90.png)
任何位置(Place Anywhere):当拖动母版到设计区域时,你可以任意指定母版的位置,见图7。
![dd522f7eadec8e78abdfa91781581ce0ec399840](https://i-blog.csdnimg.cn/blog_migrate/830682b7d696ef3f0b255f312c36003f.png)
锁定母版位置(Lock to Master Location):当拖动母版到设计区域时,母版会被自动锁定到创建母版时的位置,见图8。
![dc9903e0841857df5748854a6d172c2c25b47bc8](https://i-blog.csdnimg.cn/blog_migrate/312a113224a77c27d3af7af4811b72fd.png)
从母版脱离(Break Away from Master):当拖动母版到设计区域时,这些部件会与母版脱离关系,变成可以编辑的部件。这对于创建有预置属性的部件库非常有帮助(比如一个深灰色带有文字的按钮),见图9。
![11695afec38d73fabd8a77e05e25910aca1d6ed8](https://i-blog.csdnimg.cn/blog_migrate/0f7e9968e221bf0bec85b9ce355b89af.png)
![Logo](https://devpress.csdnimg.cn/79de2bf0b7994defa4242ef90d5513fa.jpg)
开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!
更多推荐
所有评论(0)