Axure制作轮播图,支持左右拖动以及点选

Axure制作轮播图,支持左右拖动以及点选

1、首先拖入动态面板

2、建立四个状态(有几张图片就建立几个)

3、下面是所用到的事件
Carousel (动态面板)
状态改变时
Case 1
(If 面板状态于 This == State1)
设置 选中状态于 bnt-1 = “true”

Carousel (动态面板)
状态改变时
Case 1
(Else If 面板状态于 This == State4)
设置 选中状态于 bnt-4 = "true"

Carousel (动态面板)
状态改变时
Case 1
(Else If 面板状态于 This == State3)
设置 选中状态于 bnt-3 = "true"

Carousel (动态面板)
状态改变时
Case 1
(Else If 面板状态于 This == State2)
设置 选中状态于 bnt-2 = "true"

Carousel (动态面板)
状态改变时
Case 1
(If 面板状态于 This == State1)
设置 选中状态于 bnt-1 = "true"

Carousel (动态面板)
状态改变时
Case 1
(Else If 面板状态于 This == State4)
设置 选中状态于 bnt-4 = "true"

Carousel (动态面板)
状态改变时
Case 1
(Else If 面板状态于 This == State3)
设置 选中状态于 bnt-3 = "true"

Carousel (动态面板)
状态改变时
Case 1
(Else If 面板状态于 This == State2)
设置 选中状态于 bnt-2 = "true"

Carousel (动态面板)
载入时
Case 1
等待 5000 毫秒
设置 Carousel 为 Next 向左滑动 out 500ms 向左滑动 in 500ms wrap 循环间隔 5000 毫秒

如果想学习方法的请评论,不管方法点这里直接拿源文件密码:ju1d

Jack wechat
欢迎您扫一扫上面的微信公众号,关注!
觉得不错,赏一下!