快好知 kuaihz

Axure8原型教程:实现Tab选项切换(选项卡、导航栏等)

本文针对于初级产品同学学习Axure原型交互设计,笔者介绍了如何实现Tab选项切换(选项卡、导航栏等),希望能为大家提供帮助。

Tab的切换实现可以帮助你更好的画原型,尤其针对我这种强迫症患者,很实用。不管是APP还是web端,都能用到,而且需要用到的地方还很多。

思路:

1. 通过动态面板实现内容页面切换,n个tab设置n个状态

2. 绑定tab按钮的点击事件,设置动态面板的状态切换

步骤:

1. 按照上面的思路,几个tab设置几个状态,先拉出所需要的按钮(选项)+空白矩形(设置为动态面板);

2. 双击动态面板,根据我们的按钮(选项)设置状态,这里设置了四个tab,所以就设置四种;

3. 当状态设置好之后,点击任意状态进行编辑,界面大小统一;

4. 设置好界面后,绑定按钮与界面关系。

单击“小学”,axure界面右侧-属性-鼠标单击时-显示面板状态-勾选(动态面板)-选择按钮所对应的动态面板状态(意思就是连线),选择好之后可以设置相关的动画巴拉巴拉啥的。另外三个依次这样弄一下,点击预览,完美。

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:选项  选项词条  原型  原型词条  切换  切换词条  实现  实现词条  导航  导航词条  
原型

 Axure7.0实现动态“极验”...

其实我写这个文章的目的第一是为了强化自己的刚刚学习的技能,另一方面也是希望能得到大神们的指教(又一句废话)。“验证码”是一种很常见的东西,在很多网站的登录、注册...(展开)

原型

 如何使用Axure规范的画出页面...

每个APP原型都是由一个个页面组成,那么每个页面的线框图该如何通过Axure的画出来呢?我希望通过这篇文章,让刚入门的PM可以不走弯路,规范高效的画出每个页面的...(展开)