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

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

相关推荐
struggle20255 小时前
deepseek-cli开源的强大命令行界面,用于与 DeepSeek 的 AI 模型进行交互
人工智能·开源·自动化·交互·deepseek
若愚679214 小时前
前端与Rust后端交互:跨越语言鸿沟 (入门系列三)
前端·rust·交互
若愚679214 小时前
Vue3 + OpenLayers 开发教程 ( 三 ) 交互与空间分析
arcgis·vue·交互
PM大明同学16 小时前
Axure PR 9 中继器 标签
ui·交互·产品经理·axure
梓贤Vigo1 天前
【Axure教程】表格嵌套卡片
交互·产品经理·axure·原型·教程
@PHARAOH2 天前
HOW - 如何模拟实现 gpt 展示答案的交互效果
gpt·交互
小马哥编程2 天前
【产品经理从0到1】Axure介绍
产品经理·axure
xixixin_2 天前
【uniapp】vue2 搜索文字高亮显示
java·服务器·前端·uni-app·交互·文字高亮
Quz2 天前
使用Qt Quick Controls创建自定义日历组件
qt·ui·交互
Pasregret3 天前
中介者模式:解耦对象间复杂交互的设计模式
设计模式·交互·中介者模式