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

百度经验   发布时间:2019-05-06 15:23:19   作者:毕志华1991   我要评论
Axure怎么制作折叠面板效果的原型?网页中我们经常能看到折叠展开的效果,该怎么制作折叠面板效果呢?下面我们就来看看详细的教程,需要的朋友可以参考下

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

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

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

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

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

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

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

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

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

相关推荐:

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

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

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

相关文章

  • Axure页面原型怎么添加水平线?

    Axure页面原型怎么添加水平线?Axure中设计网页原型的时候,想要添加水平线,该怎么添加这个元件呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2019-05-06
  • Axure RP如何将原型图导出为图片格式?

    正常情况下,利用Axure RP制作的原型图文件无法使用其他软件打开,为了方便,你可以将原型图转换成图片格式。下文介绍了将Axure原型图导出为图片格式的方法,请参考
    2019-04-11
  • Axure怎么设计APP开关按钮状态切换的原型?

    Axure怎么设计APP开关状态切换的原型?使用手机的时候,我们开启或关闭app的功能的时候,会出现一个滑动按钮,该怎么制作这个原型呢?下面我们就来看看详细的教程,需要的
    2019-03-21
  • axure网页原型怎么查看浏览器中预览效果?

    axure网页原型怎查看浏览器中预览效果?axure中设计网页原型很简单,想要查看预览效果,该怎么操作呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2019-02-19
  • Axure怎么制作顶部吸附交互效果的网页原型?

    Axure怎么制作顶部吸附交互效果的网页原型?我们在浏览网页的时候,会发现网页有很多效果,想要制作一个顶部吸附交互效果,该怎么实现呢?下面我们就来看看详细的教程,需
    2018-12-18
  • Axure怎么制作数字选择器原型?

    Axure怎么制作数字选择器原型?想要制作一个数字加一建议的计算器,该怎么制作这个效果呢?小魔王们就来看看详细的教程,需要的朋友可以参考下
    2018-12-18
  • axure网页原型怎么进行样式元件编辑?

    axure网页原型怎么进行样式元件编辑?axure网页想要制作一级标题、二级标题等。,该怎么进行样式元件编辑呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2018-12-17
  • Axure怎么设计绝对位置的滑屏插件原型?

    Axure怎么设计绝对位置的滑屏插件原型?Axure中想要直走一些网页原型,该怎么制作绝对位置的滑屏插件呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2018-12-04
  • Axure怎么制作滑动引导页效果的原型?

    Axure怎么制作滑动引导页效果的原型?Axure中设计网页原型很简单,想要制作一个华东的引导页,该怎么制作这个动摇交互效果呢?需要的朋友可以参考下
    2018-12-03
  • Axure8原型怎么导出为index图片?

    Axure8原型怎么导出为index图片?Axure8中制作的网页模型想要导出为index图片,方便没有axure的朋友查看,该怎么操作呢?下面我们就来看看详细的教程,需要的朋友可以参考
    2018-09-10

最新评论