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

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

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

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

3、二级菜单和三级菜单全选,同样点击鼠标右键,选择【转换为动态面板】的选项
;然后,把这个新出现的动态面板命名为“subMenu”。

4、打开subMenu的state1,在步骤2交互的基础之上添加交互效果:【隐藏】外层动
态面板“subMenu”的动作,并且勾选【拉动元件】的选项。记住此交互要在步骤2
之前

5、继续为二级菜单元件的【鼠标单击时】添加第3个动作,也就是上面提到的【显
示】外层动态面板“subMenu”,同时,在【更多选项】中选择【推动元件】的选项

6、做好的二级菜单和三级菜单一起选中,根据需求复制几份摆放好。不要单独复制
二级菜单和三级菜单,必须二级菜单和三级菜单一起复制,这样交互的对应关系才
会继续有效。

7、为一级菜单添加【鼠标单击时】的用例,设置动作【切换可见性】,勾选动态面
板“Submenu”,同时在设置中勾选【推动/拉动元件】。此交互可完成点击一级菜
单时,就能点一下显示二级菜单,再点一下隐藏二级菜单。

 

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

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

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

posted on 2018-11-14 10:27  小虾米吖~  阅读(1525)  评论(0编辑  收藏  举报