【Axure RP9基础】 Axure标签页切换详解

本文详细介绍了如何使用Axure RP9创建标签页切换效果,包括设置矩形选中样式、动态面板状态切换,以及创建选项组来管理多个标签页,最后展示了预览效果。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

【Axure RP9基础】 标签页切换
在设计原型中,PC和APP端标签页切换是常用的功能,那么在用Axure画原型时我们可以用矩形和动态面板做出标签页切换的效果。
最终效果:点击标签页,显示标签页选中状态,并切换至对应的标签页
在这里插入图片描述

App中常见的效果:
在这里插入图片描述
标签可以横版,也可以竖版,PC端效果:
在这里插入图片描述

步骤1:拖动矩形至画布,为矩形命名为1,输入内容:1,添加交互单击时 设置选中当前元件为真;
在这里插入图片描述
步骤2:为矩形添加交互样式,元件选中的样式 ,设置选中时的填充颜色、字体颜色等,可点击更多设置更多内容(一般选中时会给一个反色,

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值