教大家使用Axure制作折叠面板效果

2025-04-08 14:59:24

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

教大家使用Axure制作折叠面板效果

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

教大家使用Axure制作折叠面板效果

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

教大家使用Axure制作折叠面板效果

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

教大家使用Axure制作折叠面板效果

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

教大家使用Axure制作折叠面板效果

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

教大家使用Axure制作折叠面板效果
教大家使用Axure制作折叠面板效果

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

教大家使用Axure制作折叠面板效果
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢