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
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· DeepSeek 开源周回顾「GitHub 热点速览」