Axure-----三级下拉菜单的具体实现过程

********三级下拉菜单的动画效果：**********

1、选中三级菜单将其转换为动态面板，命名为treePanel，并隐藏。

2、选中二级菜单添加交互效果：【切换可见性】，勾选treePanel，【推动/拉动
元件】向下，由此可完成三级菜单的展开和收起的交互效果。

3、二级菜单和三级菜单全选，同样点击鼠标右键，选择【转换为动态面板】的选项

；然后，把这个新出现的动态面板命名为“subMenu”。

4、打开subMenu的state1,在步骤2交互的基础之上添加交互效果：【隐藏】外层动

态面板“subMenu”的动作，并且勾选【拉动元件】的选项。记住此交互要在步骤2

之前

5、继续为二级菜单元件的【鼠标单击时】添加第3个动作，也就是上面提到的【显

示】外层动态面板“subMenu”，同时，在【更多选项】中选择【推动元件】的选项

。

6、做好的二级菜单和三级菜单一起选中，根据需求复制几份摆放好。不要单独复制

二级菜单和三级菜单，必须二级菜单和三级菜单一起复制，这样交互的对应关系才

会继续有效。

7、为一级菜单添加【鼠标单击时】的用例，设置动作【切换可见性】，勾选动态面

板“Submenu”，同时在设置中勾选【推动/拉动元件】。此交互可完成点击一级菜

单时，就能点一下显示二级菜单，再点一下隐藏二级菜单。

******制作可以合并单元格的表格******
1、由于axure本身没有合并单元格的功能，所以使用软件自带的表格元件是无法完

成合并单元格的

2、使用矩形来组建表格可以达到该目标，原理就是把重叠部分的边框去掉即可。

如：由三个边框组成的横向排列的单元格需要合并，则将中间的矩形左右两边边

框去掉，左边的矩形去掉右边的边框，右边的矩形去掉左边的边。