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展开折叠而变动位置。