Axure设置导航栏控制页面切换

用axure实现导航的页面切换效果也不复杂,大致步骤如下:
首先设置你的导航栏,可以是几个按钮,也可以是box,都不影响,满足自己的页面效果就行了,我拖了俩button作为我的导航栏,还有一个动态面板
在这里插入图片描述
然后我们在动态面板中添加我们准备显示的页面
双击动态面板,因为我只准备做两个页面切换,所以再添加一个state就好了,如果需要更多页面切换,可以根据自己的需求添加相应数目的states
在这里插入图片描述
双击state1,进入页面,你可以在这个板块内添加想要显示在页面的内容,比如,一个黄色色块
在这里插入图片描述
同样的,双击动态面板,选择state2,添加需要展示的内容,例如,一个红色色块
在这里插入图片描述
下面我们设置导航栏点击效果
选中我们导航栏的全部按钮,在右侧属性面板中点击选择(select),在弹出的

  • 1
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值