Axure横向菜单高级交互

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

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

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

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

案例展示:

演示视频

横向菜单及选中组合效果


正文内容:

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

1

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

2

3

4

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

5

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

6

7

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

8

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

9

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


相关课程直通车:

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

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

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

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

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

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

相关推荐
不喝水就会渴7 分钟前
从基础到实战:鸿蒙 ArkUI 属性动画开发指南
华为·交互·动画·harmonyos
cy_cy0024 小时前
从旁观到参与,体感游戏赋能教育展厅
大数据·科技·人机交互·交互·软件构建
bitt TRES5 小时前
如何使用C#与SQL Server数据库进行交互
数据库·c#·交互
fTiN CAPA6 小时前
开源模型应用落地-FastAPI-助力模型交互-进阶篇-中间件(四)
开源·交互·fastapi
梓贤Vigo6 小时前
【Axure视频教程】中继器表格自适应行高
交互·产品经理·axure·原型·教程
Mr..Jackey6 小时前
RA6809 的 HMI(人机交互) 开发:菜单逻辑架构设计与实现详解(4)
单片机·51单片机·人机交互·交互
key_3_feng7 小时前
HarmonyOS 6.0 轻量化服务卡片交互设计方案
华为·交互·harmonyos
liu_zhiyi18 小时前
生成式 AI 交互规范:提示词工程(Prompt Engineering)技术指南
人工智能·prompt·交互
2501_941982051 天前
智能素材分发:基于视觉模拟的多媒体私域自动化方案
自动化·交互·rpa
ZC跨境爬虫1 天前
3D地球卫星轨道可视化平台开发 Day15(添加卫星系列模糊搜索功能)
前端·数据库·3d·交互·数据可视化