Axure横向菜单高级交互

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

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

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

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

案例展示:

演示视频

横向菜单及选中组合效果


正文内容:

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

1

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

2

3

4

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

5

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

6

7

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

8

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

9

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


相关课程直通车:

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

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

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

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

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

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

相关推荐
前端郭德纲1 天前
React Native的界面与交互
react native·react.js·交互
招风的黑耳2 天前
Axure智慧社区数据可视化大屏模板
axure·数据可视化·智慧社区
好开心332 天前
javaScript交互案例
开发语言·前端·javascript·html·ecmascript·交互
PM大明同学2 天前
Axure PR 9 穿梭框 设计&交互
ui·交互·产品经理·axure·photoshop
独行soc2 天前
#渗透测试#SRC漏洞挖掘#网络运维# 黑客脚本编写04之脚本与用户交互
运维·安全·面试·bash·交互
m 哆哆.ღ3 天前
【Python进阶】Python中的数据库交互:ORM技术与SQLAlchemy
数据库·python·交互
老码沉思录3 天前
React Native 全栈开发实战班 - 网络与数据之 websock与服务端交互
网络·react native·交互
tealcwu3 天前
【Unity基础】对比Unity中碰撞类与触发类交互机制
unity·游戏引擎·交互
招风的黑耳4 天前
Axure设计之日期时间范围选择器
axure·元件库·日期时间选择
招风的黑耳4 天前
Axure设计之文本编辑器制作教程
axure