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

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

相关推荐
朝新_12 小时前
【SpringMVC】SpringMVC 小案例:加法计算器初步理解前后端接口交互与数据处理
java·笔记·spring·交互·javaee
前端摸鱼匠1 天前
Vue 3 事件修饰符全解析:从 .stop 到 .passive,彻底掌握前端交互的艺术
前端·vue.js·node.js·vue·交互
越来越无动于衷3 天前
硬件与软件交互全解析:协议、控制与数据采集实践
交互
Larry_Yanan3 天前
QML学习笔记(四十八)QML与C++交互:QML中可实例化C++对象
c++·笔记·qt·学习·ui·交互
2301_803554523 天前
c++调用客户端库与kafka交互
c++·kafka·交互
猫林老师4 天前
HarmonyOS语音交互与媒体会话开发实战
交互·harmonyos·媒体
2501_938780284 天前
《轨道交通检测系统中 Qt 与数据库交互的优化方案》
数据库·qt·交互
十八朵郁金香4 天前
【H5工具】一个简约高级感渐变海报H5设计工具
前端·javascript·产品运营·axure·个人开发
Hare_bai4 天前
WPF的MVVM模式核心架构与实现细节
ui·架构·c#·wpf·交互·xaml·mvvm
程序员小远4 天前
selenium元素定位---(元素点击交互异常)解决方法
自动化测试·软件测试·python·selenium·测试工具·测试用例·交互