Axure横向菜单高级交互

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

课程主题:横向菜单高级交互

主要内容:横向菜单左右拖动、选中效果

应用场景:app横向菜单、pc后台动态区域

案例展示:

演示视频

横向菜单及选中组合效果


正文内容:

步骤一:拖入页面一个动态面板作为显示区

1

步骤二:向动态面板中拖入一个矩形,作为菜单的外框,拖入一个按钮,命名为全部,并设置选中效果

2

3

4

步骤三:复制出所有按钮,分别命名

5

步骤四:为每个按钮添加单击选中的值

6

7

步骤五:组合所有按钮,并转换为动态面板

8

步骤六:设置拖动时,左右移动的阈值

9

本课小结:掌握动态面板的内涵,即可作为内容显示区,也可以作为一个容器,进行复杂交互;掌握拖动时移动阈值的设定;


相关课程直通车:

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

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

Axure垂直菜单展开与折叠-CSDN博客

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

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

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

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