手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

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

时间:2024-10-14 11:45:32

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

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

2、拖入个动态面板,调整大小为长跟3个矩形框相适合

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

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

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

4、点击tab1进入动态面板,拖个矩形、输入tab1 并放大字体,填充底色为灰色(主要为区别内容)

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

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

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

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

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

7、选中Tab1,点击【鼠标单击时】,设置选中当前元件时为ture, 设置动态面板指向tab1。并确定.

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

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

9、完成,预览效果

教程 | Axure如何设置导航切换功能?
教程 | Axure如何设置导航切换功能?
© 手抄报圈