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

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

相关推荐
OBOO鸥柏5 小时前
OBOO鸥柏丨液晶拼接大屏分布式基本管理系统架构显示技术曝光
人工智能·分布式·科技·系统架构·交互
末时清6 小时前
QT交互界面:实现按钮运行脚本程序
开发语言·qt·交互
招风的黑耳8 小时前
Axure设计之多级菜单导航教程(中继器)
axure·三级菜单·菜单导航·多级菜单导航
结构化知识课堂8 小时前
Axure使用动态面板制作新闻栏目高级交互
产品经理·axure·动态面板·设置选中·鼠标悬停
云卓科技1 天前
无人机之智能任务规划系统技术篇
科技·机器人·无人机·交互·制造
小乖兽技术1 天前
C#与C++交互开发系列(十):数组传递的几种形式
c++·c#·交互
小乖兽技术1 天前
C#与C++交互开发系列(十一):委托和函数指针传递
c++·c#·交互
鸿蒙自习室1 天前
鸿蒙UI系统组件18——模态交互框(ModelDialog)
ui·交互·harmonyos
黑金IT1 天前
Node.js与Python的交互:使用node-pyrunner模块
开发语言·python·node.js·交互
酒茶白开水2 天前
React四官方文档总结一UI与交互
react.js·ui·交互·jsx·props·usestate