Axure横向菜单高级交互

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

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

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

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

案例展示:

演示视频

横向菜单及选中组合效果


正文内容:

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

1

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

2

3

4

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

5

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

6

7

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

8

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

9

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


相关课程直通车:

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

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

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

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

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

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

相关推荐
xy345315 小时前
Axure 9.0 中继器创建与设置步骤
前端·ui·html·axure·原型·产品设计
hhzz17 小时前
OpenCV 入门到精通 09】特征检测与匹配:从 Harris 到 ORB 图像配准
人工智能·opencv·计算机视觉·开源·交互
兰亭妙微UI设计公司1 天前
兰亭妙微APP界面设计公司分享: iPhone Duo 登场|3 大核心要点,拆解折叠屏 UI 适配设计思路
ui·交互
智购科技自动售货机工厂1 天前
2026自动售货机端侧AI降本逻辑:从云端API到本地推理的成本重构~YH
人工智能·python·ui·面试·交互
羑悻的小杀马特3 天前
数据织网者:Jsoncpp库深度解析——从C++原生JSON处理到工程级数据交互实战全攻略
c++·json·交互·jsoncpp·原生库
大江东去浪淘尽千古风流人物4 天前
【UniSim-SLAM】前馈SLAM的双流架构:Sim(3)统一位姿图、与经典SLAM及DPVO的三范式对比
深度学习·计算机视觉·3d·交互·人体姿态估计·eccv·3d重建
工业HMI实战笔记5 天前
造纸行业HMI:纸机的卷取控制与质量监控界面
人工智能·交互·vr
闲云自留地5 天前
从零吃透 OpenStack:起源、理念、架构、创建虚拟机交互流程
架构·交互·openstack
兰亭妙微UI设计公司5 天前
实战总结|兰亭妙微:移动端交互设计十大核心原则
交互