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

2022年10月28日 18点热度 0人点赞

教大家使用Axure制作折叠面板效果,详细步骤如下。

工具/原料

  • 电脑
  • Axure

方法/步骤

  1. 1

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

  2. 2

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

  3. 3

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

  4. 4

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

  5. 5

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

  6. 6

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

  7. 7

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

    END

注意事项

  • 步骤说明比较简单,有不懂的可以看图片中的内容
  • 有问题随时互动
经验内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域),建议您详细咨询相关领域专业人士。
作者声明:本篇经验系本人依照真实经历原创,未经许可,谢绝转载。
展开阅读全部

laozhao

这个人很懒,什么都没留下

文章评论