axure实现tab选项卡切换功能

时间:2024-10-13 19:32:35

1、将【矩形】拖到面板中,然后选择合适的形状作为tab页签

axure实现tab选项卡切换功能

3、以DevTab为基础,复制另外两个标签,分别命名为:TesTab 和ImpTab

axure实现tab选项卡切换功能

5、双击动态面板,创建另外两个state,将三个state分别命名为:DevPanel,TesPanel,ImpPanel

axure实现tab选项卡切换功能

7、依次进入到【TesPanel】,【ImpPanel】进行设置

axure实现tab选项卡切换功能

9、在【属性】中,设置当DevTab未被选中时的颜色填充为:#CCCCCC

axure实现tab选项卡切换功能

11、依照对DevTab的设置方式,依次完成对TesTab和ImpTab的设置

axure实现tab选项卡切换功能

13、至此编辑完成,可以预览看一下效果啦

© 2025 长短途
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com