码迷,mamicode.com
首页 > 其他好文 > 详细

Axure自动轮播图效果

时间:2016-04-26 20:39:16      阅读:154      评论:0      收藏:0      [点我收藏+]

标签:

图片轮播(其中我使用的Axure为8.0版本)

1:添加一个图片原件

2:单击图片,右键选中 "转换为动态面板"

技术分享

选择后会出现为右下角的样子

技术分享


3.双击右下角的"动态面板",并点击复制,复制两张图片,总共三张(图片张数可以自己定),确认后如右图所示:


技术分享技术分享

4.双击State1下的图片,会重新出现一个页面,双击图片将State2,State3分别将图片换成不同的图片,并给出相同的宽,高,最后效果如下所示:

鼠标放在图片上会显示相应的图片,

技术分享

5.单击"概要:页面"里面的"图片轮播",选择"检视:动态面板"里面的"属性",然后在选择交互里面的"载入时(双击)";

技术分享        技术分享

双击后会出现如图所示

技术分享

6.然后,选择"元件"里面的"设置面板状态",会出现中间的样子,点击"设置",右边则会出现元件名称,选中你所要设置的元件名称后,下面会出现"选择状态","进入动画",退出动画";(如下图)

"选择状态"只需选择则为Next(向前轮播),或Previous(向后轮播),这里我选择的为Next;

点击"向后循环","时间间隔"(时间间隔为毫秒,1000毫秒=1秒);

进入动画和退出动画可以自己定义,(我在这里选择都是向右滑动);设置完成都点击确认,按F5或者右上角的预览即可,

技术分享


以上就是一个轮播图的设置过程!!!希望可以帮到各位.....

                                      





Axure自动轮播图效果

标签:

原文地址:http://blog.csdn.net/lavender36729/article/details/51243119

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!