【Axure】axure制作tab选项卡(动态面板)

本文详细介绍了如何使用Axure原型设计工具制作Tab选项卡。通过动态面板,添加多个状态,制作tab样式,并设置点击切换效果,实现Tab选项卡的功能。只需在每个状态页设置相应的点击事件,即可在生成HTML预览效果。
摘要由CSDN通过智能技术生成

现在开始使用原型设计工具Axure来制作Tab选项卡了。步骤如下:

第一步:使用动态面板

找到元件库中的动态面板,并将其拖拽到右边的内容区域,想要多宽多高自己调试。

这里写图片描述

第二步:给动态面板添加状态

选中动态面板,右键 —> 管理面板状态 —>需要多少项就添加多少个 —> 全部添加完成后点击标红的那个图标(会打开全部的状态页)

这里写图片描述

第三步:制作tab

根据需求拖动矩形元件制作tab样式,如下:

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值