教程 | 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(拖动控件迟缓等问题)
  • 如何在农业银行兑换航天纪念币和纪念钞
  • 热狗面包的做法
  • 香肠焖饭怎么做
  • 绿豆汤圆的做法
  • 热门搜索
    如何战胜自己 高品质生活 平方米的符号怎么打 如何空手套白狼 dm是什么意思 如何煮毛豆 上门女婿的悠闲生活 web是什么意思 如何保存网页 鱼你在一起怎么加盟