Axure横向菜单高级交互

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

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

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

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

案例展示:

演示视频

横向菜单及选中组合效果


正文内容:

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

1

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

2

3

4

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

5

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

6

7

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

8

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

9

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


相关课程直通车:

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

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

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

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

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

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

相关推荐
温轻舟6 小时前
3D词云图
前端·javascript·3d·交互·词云图·温轻舟
PMEcho6 小时前
墨刀监听变量实战:1个案例搞定高保真交互原型(附教程)
axure·变量·函数·交互设计·墨刀·原型设计·条件判断·高保真原型·监听·高级交互·高保真交互原型
儿歌八万首13 小时前
uniapp 和原生插件交互
uni-app·交互
皮皮灬虾15 小时前
微信小程序下单页—地址列表页—新增地址页 页面交互
微信小程序·小程序·交互
mit6.82410 天前
[muduo] TcpConnection | 回调交互
c++·交互
Allen Bright10 天前
【JS-4.4-键盘常用事件】深入理解DOM键盘事件:提升用户交互体验的关键
javascript·计算机外设·交互
望获linux11 天前
【实时Linux实战系列】实时I/O操作与中断处理
linux·服务器·microsoft·操作系统·交互·rtos·嵌入式软件
11 天前
Lua复习之何为闭包
开发语言·unity·游戏引擎·lua·交互
MarsBighead11 天前
LLM-201: OpenHands与LLM交互链路分析
python·ai·llm·交互·agent
PM大明同学11 天前
Axure PR 9 搜索 百度引擎 设计&交互
交互·axure