Axure制作折叠面板效果原型具体流程介绍

想知道使用Axure制作出折叠面板效果原型的方法吗?那就跟随小编一同去下文看看Axure制作折叠面板效果原型的具体流程介绍 。

Axure制作折叠面板效果原型具体流程介绍

文章插图
首先打开Axure软件,打开Axure工具,首先从元件库中拖入本次需要的元件,如下图所示 。
Axure制作折叠面板效果原型具体流程介绍

文章插图
【Axure制作折叠面板效果原型具体流程介绍】然后调整元件的大小样式,形成一个新的效果,如下图所示 。
Axure制作折叠面板效果原型具体流程介绍

文章插图
一样的方式,我们制作出三个折叠面板的效果,如下图所示 。
Axure制作折叠面板效果原型具体流程介绍

文章插图
接着在制作中将折叠内容做为动态面板显示,并且给各个动态面板命名,如下图所示 。
Axure制作折叠面板效果原型具体流程介绍

文章插图
然后下面开始给面板一做交互事件,如下图所示 。
Axure制作折叠面板效果原型具体流程介绍

文章插图
同样的方式,再给面板二和面板三做交互事件,如下图所示 。
Axure制作折叠面板效果原型具体流程介绍

文章插图
Axure制作折叠面板效果原型具体流程介绍

文章插图
最后事件设置完成后,F5预览看一下效果,如下图所示 。
Axure制作折叠面板效果原型具体流程介绍

文章插图
相信你们看完了上文讲解的Axure制作折叠面板效果原型的具体流程介绍,应该都学会了吧!