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博客

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

相关推荐
β添砖java2 天前
交互动效设计
前端·javascript·交互
Andytoms2 天前
Android geckoview 集成,JS交互,官方demo
android·javascript·交互
PM老猫4 天前
最新版谷歌浏览器Axure插件(免翻墙)
axure
alwaysrun5 天前
Rust与C接口交互
c语言·rust·交互
梓贤Vigo5 天前
【Axure教程】中继器表格间筛选
交互·产品经理·axure·原型·中继器
半桔6 天前
【网络编程】深入 HTTP:从报文交互到服务构建,洞悉核心机制
linux·网络·c++·网络协议·http·交互
小小测试开发6 天前
给贾维斯加“手势控制”:从原理到落地,打造多模态交互的本地智能助
人工智能·python·交互
青草地溪水旁6 天前
SOME/IP-SD报文结构和交互详解
网络协议·tcp/ip·交互
Julian.zhou6 天前
AI自然语音交互:下一代技术制高点与用户体验革命
人工智能·ai·交互·未来趋势
python开发笔记6 天前
python(77) python脚本与jenkins pipeline交互的5种方式
python·jenkins·交互