Axure导航切换的功能怎么实现

 时间:2024-10-13 16:04:39

导航切换是我们在设计原型图的时候最经常遇到的一个功能,也是一个原型设计必须掌握的功能,本篇就来详细介绍一下这个功能的实现过程。

Axure导航切换的功能怎么实现

工具/原料

Axure

布局

1、我们从基本元件中找到“矩形”,然后我们新建三个矩形来充当导航键,分别设置为“页面1”,“页面2”,“页面3”。

Axure导航切换的功能怎么实现

2、然后我们继续操作,同样在基本元件中找到“动态面板”,然后将其命名为“页面内容”。

Axure导航切换的功能怎么实现

3、双击创建好的动态面板,打开控制面板的状态管理界面,然后点击添加三个状态,如下图红色区域。

Axure导航切换的功能怎么实现

4、添加完三个状态之后我们在三个状态页面添加对应的内容,添加内容的时候注意做一个简单的区分。

Axure导航切换的功能怎么实现

交互

1、点击导航按钮1,在选择右边的交互,设置:单击--设置面板状态--选择面板--选择面板状态,然后三个按钮依次设置。

Axure导航切换的功能怎么实现

2、设置到这里就大功告成了,我们点击预览可以看一下效果实现了没,之后可以再美化一下导航按钮。

Axure导航切换的功能怎么实现
  • AxureRP设置线段宽度教程
  • axure如何制作密码输入框
  • Axure如何更改图形边框颜色?
  • axure怎么实现输入密码时加密效果。
  • Axure如何实现列表滚动效果
  • 热门搜索
    抗疫英雄手抄报 民族团结一家亲手抄报 关于三八妇女节的手抄报 病毒手抄报 2035年的祖国手抄报 党的生日手抄报 关于母爱的手抄报 歌颂祖国手抄报 国庆节手抄报图片大全 关于食品安全的手抄报