点击“图标1”，交互界面中选择“鼠标进入时(Mouse Enter)”-“设置透明度(Set Opacity)”，目标元件(TARGET)选择“图标1”，“明度(Set Opacity)”设置为100%
继续在“鼠标移入时(Mouse Enter)”下，选择“移动(Move)”，目标元件(TARGET)选择“图标1”，移动方式选择“相对移动(By)”，y值设为-3，动画(ANIMATE)选择“线性”，200ms
继续点击“图标1”，交互界面中选择“鼠标移出时(Mouse Exit)”-“设置透明度(Set Opacity)”，目标元件(TARGET)选择“图标1”，“明度(Set Opacity)”设置为60%
Hello！欢迎来到
Axure
9 实战案例教程专栏。点击了解课程简介>>前几章我们分别讲解了
Axure
基本元件、动态面板、交互事件的应用，相信同学们的
Axure
实战能力已经有了一定的提高，那么在基础课程的最后一章，我们接着来讲解一下
Axure
母版的应用。在原型设计工作中，擅于运用母版，可大量减少设计时间，以及压缩
RP
文件大小；尤其是在设计导航菜单时，运用母版会十分省时省力；所以本篇教程我们就以微信为蓝本，来讲解一下，如何运用母版绘制APP导航菜单。
我们先来看看微信的
效果
图，大家可以看到微信导航菜单的主要
实现导航条使用
Axure
RP
9
制作
导航条功能参照物
Axure
中的操作新建page页面
制作
页面和导航页设置交互名称左侧导航条与内容绑定将导航条转为动态面板发布，看
效果
使用
Axure
RP
9
制作
导航条功能
疫情期间，学学
Axure
，为以后能将常规数据功能实现产品化准备。
在拖动鼠标上下滑动时，右侧的
导航栏
目是没有变化的，此外点击
导航栏
中的按钮，也是不会改变
导航栏
的位置。现在来模仿下...
最鲜明的例子就比如
Axure
软件的菜单栏。
通过鼠标移入或者点击都会展开当前分类，要使用
Axure
来
制作
这样一个案例也需要两点：布局和交互用例，下面将通过这个
导航栏
栏案例来做演示。
导航栏
样式布局：
样式布局可以有几种方式，可以直接截图使用图片，再在对应分类上加元件；也可以直接
制作
一个相同样式（演示使用图片）。
首先将图片截取好，然后添加图片元件将该图片引入其中。
再在每个分类上添加一
