美文网首页
【原型设计】Axure RP实现轮播图的效果

【原型设计】Axure RP实现轮播图的效果

作者: 西晃晃 | 来源:发表于2018-09-07 13:38 被阅读0次

    大家吼啊,今天给大家讲讲Axure轮播图效果的实现如何操作。

    轮播图是现在网页常用的效果,主要用作banner、用来宣传活动推广等。实现轮播图的效果就要用到动态面板。

    首先我们从元件库里选择动态面板,拖到空白页面中,随便设置一个大小:

    假设我们要实现三张轮播图,那么就需要三个动态面板的状态,所以我们要复制一下:

    如果我们要在里面实现图片的动态效果,就要把图片拖入动态面板中,设置一样大小,三个面板一样操作:

    我们可以把图片设置为自己的图片,轮播效果时,选择面板属性--添加用例--页面载入时--设置动态面板:

    状态选择next,时间先选一秒,点击确定之后可以预览:

    本文摘自http://www.axurechina.cc/news/93-cn.html

    相关文章

      网友评论

          本文标题:【原型设计】Axure RP实现轮播图的效果

          本文链接:https://www.haomeiwen.com/subject/pxkcgftx.html