Axure垂直菜单展开与折叠

亲爱的小伙伴,在您浏览之前,烦请关注一下,在此深表感谢!

课程主题:Axure垂直菜单展开与折叠

主要内容:垂直菜单单击实现展开/折叠,点击各菜单项显示选中效果

应用场景:后台菜单设计、查询条件设计

案例展示:

Axure垂直菜单展开与折叠


正文内容:

步骤一:依照案例拖入"基本元件库"菜单基本元件

1

步骤二:设置基本元件库子菜单的选中效果

2

3

4

步骤三:快速复制出其他菜单项和子菜单,并命名以区分和为交互做好准备

5

6

步骤四:基本元件库菜单项展开与折叠交互

7

8

9

步骤五:重要元件、交互效果、应用制作菜单项展开与折叠交互

10

11

12

步骤六:设置选中,这个过程设计思路是一样的,按如下操作逻辑,依次为每个子菜单添加

13

14

本课小结:理解显示与隐藏推动与拉动交互效果,掌握隐藏、显示、切换的操作;选中与设置选中的区别;交互组合应用的场景在设计中较多出现,是进阶的必经之路。


相关课程直通车:

中继器实现时间读取和修改-CSDN博客

Axure复选框全选反选取消高级交互-CSDN博客

Axure横向菜单高级交互-CSDN博客

Axure树形菜单展开与折叠-CSDN博客

如有其他相关问题,欢迎私信沟通,关注 结构化知识课堂-CSDN博客

明天的产品大咖就是你,创作不易,麻烦关注一下,点赞+收藏,感谢大家!

相关推荐
yume_sibai8 小时前
Vue 3 表单设计器实现
vue.js·交互·ux
梓贤Vigo9 小时前
【Axure原型分享】能上下拖动和滚动查看内容的中继器表格
交互·产品经理·axure·原型·中继器
xy345310 小时前
Axure 9.0 原生组件:让折线图实现动态交互(文本标签)
ui·交互·axure·原型·折线图
xy34531 天前
Axure 9.0 原生组件:绘制折线图
ui·信息可视化·交互·axure·原型·折线图
迷藏4941 天前
**标题:发散创新:基于IPFS的去中心化文件存储与智能合约交互实战*
java·python·去中心化·智能合约·交互
智算菩萨1 天前
【Tkinter】3 Tkinter Button 控件深度解析:从事件绑定到现代交互设计实战
python·microsoft·ui·交互·tkinter·button
code bean1 天前
【Halcon 】用 Halcon 实现涂抹:Region、仿射变换与 WPF 交互
wpf·交互·halcon
致宏Rex2 天前
飞书 CLI 教程:官方 SDK 与文档探索,给 Agent 交互如虎添翼
交互·飞书
zandy10112 天前
从拖拽到对话:衡石Agentic BI如何重构企业数据分析的交互范式
重构·数据分析·交互
轻口味4 天前
HarmonyOS 6 原生图表库 qCharts 深度解析:高性能、全场景交互的 ArkUI 实战
华为·交互·harmonyos