教程 | 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如何设置导航切换功能?
  • win7完美运行vb6.0(拖动控件迟缓等问题)
  • 如何在农业银行兑换航天纪念币和纪念钞
  • 热狗面包的做法
  • 香肠焖饭怎么做
  • 绿豆汤圆的做法
  • 热门搜索
    平安手抄报内容 助人为乐手抄报 我的绿色环保梦手抄报 没有字的手抄报 感恩自然手抄报内容 数学的手抄报 我们爱科学手抄报 餐桌礼仪手抄报 平安校园手抄报资料 海量阅读手抄报