Axure-----三级下拉菜单的具体实现过程
********三级下拉菜单的动画效果:**********
1、选中三级菜单将其转换为动态面板,命名为treePanel,并隐藏。
2、选中二级菜单添加交互效果:【切换可见性】,勾选treePanel,【推动/拉动
元件】向下,由此可完成三级菜单的展开和收起的交互效果。
3、二级菜单和三级菜单全选,同样点击鼠标右键,选择【转换为动态面板】的选项
;然后,把这个新出现的动态面板命名为“subMenu”。
4、打开subMenu的state1,在步骤2交互的基础之上添加交互效果:【隐藏】外层动
态面板“subMenu”的动作,并且勾选【拉动元件】的选项。记住此交互要在步骤2
之前
5、继续为二级菜单元件的【鼠标单击时】添加第3个动作,也就是上面提到的【显
示】外层动态面板“subMenu”,同时,在【更多选项】中选择【推动元件】的选项
。
6、做好的二级菜单和三级菜单一起选中,根据需求复制几份摆放好。不要单独复制
二级菜单和三级菜单,必须二级菜单和三级菜单一起复制,这样交互的对应关系才
会继续有效。
7、为一级菜单添加【鼠标单击时】的用例,设置动作【切换可见性】,勾选动态面
板“Submenu”,同时在设置中勾选【推动/拉动元件】。此交互可完成点击一级菜
单时,就能点一下显示二级菜单,再点一下隐藏二级菜单。
******制作可以合并单元格的表格******
1、由于axure本身没有合并单元格的功能,所以使用软件自带的表格元件是无法完
成合并单元格的
2、使用矩形来组建表格可以达到该目标,原理就是把重叠部分的边框去掉即可。
如:由三个边框组成的横向排列的单元格需要合并,则将中间的矩形左右两边边
框去掉,左边的矩形去掉右边的边框,右边的矩形去掉左边的边。
本文来自博客园,作者:小虾米吖~,转载请注明原文链接:https://www.cnblogs.com/LindaBlog/p/9956586.html