前言
Hello！欢迎来到Axure 9 实战案例教程专栏。点击了解课程简介>>
前几章我们分别讲解了Axure基本元件、动态面板、交互事件的应用，相信同学们的Axure实战能力已经有了一定的提高，那么在基础课程的最后一章，我们接着来讲解一下Axure母版的应用。
在原型设计工作中，擅于运用母版，可大量减少设计时间，以及压缩RP文件大小；尤其是在设计导航菜单时，运用母版会十分省时省力；所以本篇教程我们就以微信为蓝本，来讲解一下，如何运用母版绘制APP导航菜单。
我们先来看看微信的效果图，大家可以看到微信导航菜单的主要组成包括：
①点击菜单时，会选中当前菜单；
②点击菜单时，跳转到相应页面。
为了节省时间，我们提前把微信导航菜单初稿准备好了，下面就来给大家讲解一下，如何运用母版绘制微信导航菜单的步骤。
第一步：设置菜单选中效果
首先选中所有图标，在右侧栏的交互中，点击<添加类似"鼠标悬停"的交互样式>，再选择元件选中的样式，设置填充颜色和线段颜色为绿色；然后选中所有文本，同样也点击<添加类似"鼠标悬停"的交互样式>，再选择元件选中的样式，设置字体颜色为绿色。
接着分别选中四组图标和文本，设为组合，并分别命名组合名称为微信、通讯录、发现、我。（这是方便在后面的交互设置中选中元件）
第二步：运用母版绘制页面
首先选中导航菜单所有元件，点击右键，选择转换为母版，命名母版名称为导航菜单（适当的命名可以方便区分和查找）；然后新建4个页面，分别命名为微信、通讯录、发现、我，将这4个页面汇总到一个文件夹中（使用文件夹也是为了方便区分和查找），再逐个打开页面，拖动母版到页面中（也可以复制第一个页面的母版至其他页面，它的位置是不变的）。
第三步：设置菜单跳转交互
首先在左侧栏的母版中，双击母版导航菜单，打开母版页面；然后选中元件组合微信，在右侧栏的交互中，依次点击新建交互-单击时-打开链接-微信页；接着再依照此法，设置元件组合通讯录、发现、我的单击链接页面，分别为通讯录页、发现页、我页。
第四步：设置菜单选中交互
首先双击打开微信页，不用选中任何元件，在右侧栏的交互中，依次点击新建交互-页面载入时-设置选中-母版中的微信组合，设置到达为真；然后再逐个打开另外3个页面，依照同样方法，设置页面载入时选中母版中对应的元件组合。
结语
OK了，通过前面四步操作，就可以运用母版绘制出APP导航菜单了；关于第一、二步的顺序，你还可以首先在母版栏中新建母版，设计好母版之后，再拖入页面中，如此亦可，看个人习惯。
此外，如果你还有不理解的地方，可以下载文末的课件继续学习哦。
在线预览
效果图在线预览：https://u.pmdaniu.com/L8A5p
相关课件
为了帮助各位同学，能快速理解和练习Axure案例，本专栏每篇教程都会提供RP格式课件下载。
课件整包链接：
https://item.taobao.com/item.htm?id=631599964711
链接长期有效。
（默林如斯原创出品，未经许可，禁止转载，侵权必究）
《Axure 9 案例教程-基础篇》：以实战案例的角度，讲解Axure 9 的基础操作，帮助大家从案例中学习产品原型的设计思维，带你快速进入实战阶段！！适合Axure入门的同学！！点击了解课程简介>>
欢迎关注《产品经理知识与资源》专栏，这里专注原创Axure实战原型、Axure原型模板、Axure元件库、Axure图标库；2012年入行的原创实力保障！！点击前去关注>>
2963
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
