Axure怎么制作折叠面板效果的原型?

Axure制作网页原型的时候,想要制作一个折叠面板效果,该怎么制作呢?下面我们就来看看详细的教程。

软件名称:
原型设计工具Axure RP Pro 8.1特别版 中文汉化特别版(附汉化包+注册码+安装教程)
软件大小:
90.5MB
更新时间:
2018-05-24

Axure怎么制作折叠面板效果的原型?_第1张图片

1、打开Axure工具,首先从元件库中拖入本次需要的元件,如下图所示。

Axure怎么制作折叠面板效果的原型?_第2张图片

2、然后调整元件的大小样式,形成一个新的效果,如下图所示。

Axure怎么制作折叠面板效果的原型?_第3张图片

3、同样的方式,我们制作出三个折叠面板的效果,如下图所示。

Axure怎么制作折叠面板效果的原型?_第4张图片

4、在制作中将折叠内容做为动态面板显示,并且给各个动态面板命名,如下图所示。

Axure怎么制作折叠面板效果的原型?_第5张图片

5、下面开始给面板一做交互事件,如下图所示。

Axure怎么制作折叠面板效果的原型?_第6张图片

6、同样的方式,再给面板二和面板三做交互事件,如下图所示。

Axure怎么制作折叠面板效果的原型?_第7张图片

Axure怎么制作折叠面板效果的原型?_第8张图片

7、事件设置完成后,F5预览看一下效果,如下图所示。

Axure怎么制作折叠面板效果的原型?_第9张图片

以上就是Axure制作折叠面板效果的原型的教程,希望大家喜欢,请继续关注脚本之家。

相关推荐:

Axure 8怎么设计三级折叠菜单?

axure怎么设计鼠标展开折叠效果?

Axure7.0怎么制作折叠菜单原型?

你可能感兴趣的:(Axure怎么制作折叠面板效果的原型?)