首页 » 技术分享 » Axure 目录设计

Axure 目录设计

 

准备安装资料
-Axure(我这里是8.0版本)

 

正文:

1.在class1里,直接使用蓝色矩形代表头部导航栏logo,灰色矩形右侧导航栏底色。分别命名为

导航栏logo和左侧导航栏。

2.白色矩形作为左侧导航栏根目录,分别输入根目录1和根目录2,命名为m1和m2。

3.添加动态面板,设置为隐藏,并命名为d1。

4.在动态面板输入子目录1.1,子目录1.2,子目录1.3。并和根目录1组合。(我这里把隐藏去掉了,才能显示子目录)

5.同理新增目录2的子目录2.1,子目录2.2,子目录2.3.并组合,隐藏

这会的预览是只有两个根目录,两个动态面板被我隐藏了。现在我们开始设置显示和链接。

6.在目录1(m1)的属性-鼠标点击-添加用例-切换显示动态面板1(d1)。

7.在动态面板1(d1)属性-更多事件:设置显示时和隐藏时。

8.显示时例子设置如下,在显示动态面板1(d1)时,移动目录2(m2),移动绝对位置,并设置x轴([[d1.left]]),y轴([[d1.bottom]])

9.同理,动态面板1设置隐藏时,移动目录2(m2),移动绝对位置,并设置x轴([[d1.left]]),y轴([[d1.top]])

10.同理,根目录2也设置鼠标点击时,切换显示动态面板2。

到此为止就添加好了用例了。预览点击可显示子目录,并且根目录2也会随着子目录1展开折叠而变动位置。

 

 

转载自原文链接, 如需删除请联系管理员。

原文链接:Axure 目录设计,转载请注明来源!

0