快好知 kuaihz订阅观点

 

两种简单方法:用Axure实现左侧动态导航栏

最近在学习Axure的基础教程,在网上看到了很多例子,整理了一下分享给大家~

第一种方法

(1)首先在面板上画几个矩形,大小一样排列好。

(2)把A1、A2、A3设为动态面板,取名p1;同样B1、B2、B3;C1、C2、C3分别取名为p2、p3。

(3)给导航栏A设置动作,导航栏对应正确的动态面板导航栏B导航栏C同理设置好。

(4)这样就大功告成了,很简单的一种方法。

第二种方法

(1)第二种方法不同的地方是导航栏会发生变化,同样先画几个矩形。

(2)把导航栏A、A1、A2、A3设为动态面板。注意:不单单是下面的子菜单,是整个一块设为动态面板导航栏B、C一样转换成动态面板,分别取名p1、p2、p3。

(3)双击p1,面板状态管理。把state1改名为展开状态。在点击+号按钮,新添一项,取名为收起状态。p2,p3同理。

(4)双击打开收起状态,在面板中画一个导航栏A一样的矩形。

(5)给动态面板p1设置动作,选择状态那里选择“Next”。

(6)来看下效果,可以看到导航栏A收起的时候变成收起状态了。

2种方法不同的地方是第一种不改变主菜单的样式,第二种改变样式。产品小白第一次发帖,如有不足的地方还请各位多多指教。

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

 Axure RP官方教程翻译(9...

最后10篇(前8篇点击查看)看看是否有自己感兴趣的模块,每个功能都挺有意思的。这10篇分别是:第 9篇:账号登录第10篇:旋转式幻灯放映机第11篇:自动点击区域...(展开)

原型

 Axure RP 9 教程:页面...

本期效果是一个三级拖动,第一次点击弹出部分列表,向上拖动时显示完整的列表,向下拖动时显示最低级的列表。一起看看怎么操作~本期效果:本期效果是一个三级拖动,第一次...(展开)

原型

 Axure教程 | 漂亮的不像实...

之前曾发过一个教程,用来显示秒表的,《如何用Axure设计锤子手机的秒表计时器》,当然这个和锤子手机的秒表无任何关系,唯一有联系的就是分、秒级的计算和显示。今天...(展开)