教程 | Axure如何设置导航切换功能?

2024-10-14 11:45:32

1、打开axure,拖入3个矩形框,调整大小,分别输入Tab1、Tab2、Tab3

教程 | Axure如何设置导航切换功能?

3、动态面板命名为tab卡,同时点击+ ,新增两个state,分别命名为tab1、tab2、tab3

教程 | Axure如何设置导航切换功能?

5、同理,将tab2、tab3添加文字与底色

教程 | Axure如何设置导航切换功能?

6、然后为Tab1、Tab2、Tab3作交互设置,先设置选中时底色填色,

教程 | Axure如何设置导航切换功能?

8、同样的把Tab2、Tab3也设置交互,动态面板要作对应指向

9、完成,预览效果

教程 | Axure如何设置导航切换功能?
猜你喜欢