教程 | 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(拖动控件迟缓等问题)
  • 如何在农业银行兑换航天纪念币和纪念钞
  • 热狗面包的做法
  • 香肠焖饭怎么做
  • 绿豆汤圆的做法
  • 热门搜索
    炒年糕怎么做 手上的茧子怎么去掉 工作简历怎么写 金牌卫浴怎么样 社保证明怎么开 怎么把照片缩小 男生吃避孕药会怎么样 身上痒一挠就起疙瘩是怎么回事 房子面积怎么算 圆规怎么用