Axure RP9 动态面板操作使用

一、制作折叠菜单

首先我已将Axure RP9汉化了，所以用起来比较方便。

1.打开Axure RP9工具新建文件，从左侧元件库中基本元件拉出一个矩形，这里我设置是w为200，h为50（设置宽高随意），色值为#333333，在矩形框内输入“菜单”，然后命名为“一级菜单”。

2.再拖进一个矩形，同样的宽高比例，色值为#FFFFFF(纯白色)，在矩形内输入“一”，然后在复制两个分别为“二”“三”。

3.设置交互模式，全选“一、二、三”，右键点击交互样式，选择鼠标悬停，色值#D7D7D7,然后再选“选中-填充颜色-色值#027DB4”。

 4.再一次选中“一、二、三 ”，右键点击设置数字组名称 ，命名为“报数”、选择“一”右键点击 选中（ 默认选中 ），完成 。

5.设置交互用例， 选择“一 ”，设置鼠标点击时 – 选中 – 选择 当前 为 真 ，点击确定。（ 二、三同上设置，复制粘贴过去即可 ）。

2）把 “一、二、三 ” 选中，右键点击 转换为动态面板，命名为 “报数 ” ，点击把该面板隐藏。

（3）设置“菜单 ” ，设置鼠标单击时 – 显示/隐藏 ：切换 、 动画：显示时向下 / 隐藏时向上，动画为：线性，500 毫秒 、 勾上置于顶层 、 勾上推动元件，方向为下方，动画为：线性，500毫秒。

这样就完成了，为了防止大家设置错误，下面放一张设置的图：

完成之后就可以看啦！