Axure动态面板怎么制作三级菜单?
我要评论Axure中想要设计一款三级菜单，该怎么设计呢？下面我们就来看看详细的教程。
1、我们先放入菜单的相关元件，这里我使用的是矩形。
2、我们把三级菜单的三个元件全选，在上面点击鼠标右键，选择【转换为动态面板】的选项。
3、把这个新出现的动态面板命名为“3”；并且，再次点击鼠标右键或者在快捷功能区中，把这个动态面板【设为隐藏】。
4、二级菜单元件的【鼠标单击时】添加用例，设置动作为【切换可见性】，勾选目标元件“3”，并且勾选设置中的【推动/拉动元件】。
5、我们把二级菜单和三级菜单全选，同样点击鼠标右键，选择【转换为动态面板】的选项。
6、然后，把这个新出现的动态面板命名为“4”。ps:如果是拖入的动态面板尺寸是固定的，需要在属性中勾选【自动调整为内容尺寸】的选项。
7、双击动态面板“4”，再双击第一个状态“State1”，继续为二级菜单元件的【鼠标单击时】添加动作。我们先添加【隐藏】外层动态面板“4”的动作，并且勾选【拉动元件】的选项。
8、继续为二级菜单元件的【鼠标单击时】添加第3个动作，也就是上面提到的【显示】外层动态面板“4”，同时，在【更多选项】中选择【推动元件】的选项。
9、把做好的二级菜单和三级菜单一起选中，根据需求复制几份摆放好。
ps:复制时，不要单独复制二级菜单和三级菜单，必须二级菜单和三级菜单一起复制，这样交互的对应关系才会继续有效。
10、为一级菜单添加【鼠标单击时】的用例，设置动作【切换可见性】，勾选动态面板“4”，同时在设置中勾选【推动/拉动元件】。添加了这个交互之后，点击一级菜单时，就能点一下显示二级菜单，再点一下隐藏二级菜单。
11、点击一级菜单的时候，三级菜单默认是收起的状态。继续为一级菜单元件添加【鼠标单击时】的交互，设置动作【隐藏】所有的三级菜单所在的动态面板“3”，并且在隐藏的设置中都要勾选【拉动元件】的选项。
以上就是Axure设计三级菜单的方法，，希望大家喜欢，请继续关注脚本之家。
相关推荐：
相关文章
Axure RP 8怎么设计图片点赞功能的网页原型？想要给网页添加一个图片点赞的功能，该怎么添加呢？下面我们就来看看使用Axure来完成的教程，需要的朋友可以参考下2016-12-29
Axure RP 8怎么设置一个矩形全局变量？Axure绘制页面原型的时候，想要添加一个矩形的全局变量，该怎么设置呢？下面我们就来看看详细的设置方法，需要的朋友可以参考下2016-12-29
Axure圆角矩形怎么画？Axure绘制网页原型的时候，需要绘制圆角举行，该怎么绘制这个图形呢？下面我们就来看看axure画圆角矩形的教程，需要的朋友可以参考下2016-12-26
Axure RP 8怎么利用占位符设计五角星形状？Axure中设计网页原型的时候，想做一个五角星图形，该怎么做呢？今天我们就来看看使用占位符实现的教程，需要的朋友可以参考下2016-12-15
axure RP 8怎么做图片轮换的效果？axure设计网页原型的时候，想要做一个图片轮播的效果，该怎么做呢？下面我们就来看看详细的教程。需要的朋友可以参考下2016-12-15
axure动态面板怎么设置显示与隐藏？axure设计网页原型的时候，该怎么设置东台面板，怎么设置显示与隐藏呢？下面我们就来看看详细的教程，需要的朋友可以参考下2016-12-14
Axure RP 8怎么设置文本段落的样式？Axure RP 8中文本段落可以设置样式，比如鼠标悬停样式，鼠标按下样式，选中样式等，该怎么设置呢？下面我们就来看看详细的教程，需要的2016-12-13
Axure RP 8设怎么用按钮控制图片的显示与隐藏？Axure中想给页面添加一个通过按钮控制的可以显示或者隐藏的图片，该怎么设置呢？下面我们就来看看详细的教程，需要的朋友可2016-12-09
Axure RP 8怎么制作一个按钮控制圆球运动的原型？Axure经常设计网页原型，想要制作一个按钮可以控制圆球运动的页面，该怎么制作呢？下面我们就来看看详细的教程，需要的朋2016-12-09
Axure RP 8怎么设计按钮空值页面大小？Axure RP 8怎中想制作一个按钮，这个按钮可以实现空值页面的大小，该怎么制作呢？下面我们就来看看详细的教程，需要的朋友可以参考下2016-12-08
最新评论