用Axure-RP8制作轮播

最新推荐文章于 2024-05-17 16:30:18 发布

幕夜

最新推荐文章于 2024-05-17 16:30:18 发布

阅读量950

点赞数

文章标签： http

本文链接：https://blog.csdn.net/weixin_50160957/article/details/112907854

版权

本文档详细介绍了如何使用Axure RP8来制作轮播图，包括动态面板的设置，以及通过交互设置实现图片的切换效果，如向左滑动、向右滑动，并设置自动循环播放功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

用Axure-RP8制作轮播

List item

一、页面树目录。
index···（主页面）
-page1····（空页面）
-page2····（空页面）
-page3····（空页面）
二、用到的元件。
1.动态面板
2.几张图片
3.两个控制图片的按钮
4.几个操作图片的小圆点
三、制作。
1.动态面板设置多个页面，每个页面一张图片
2.属性表
脚注名称交互
1 轮播图片状态改变时:
Case 1
(If 面板状态于 This == State1):
Set 选中状态于 1 = “true”
Case 2
(Else If 面板状态于 This == State2):
Set 选中状态于 2 = “true”
Case 3
(Else If 面板状态于 This == State3):
Set 选中状态于 3 = “true”
载入时:
Case 1:
设置轮播图片为 Next 向左滑动 out 1000ms 向左滑动 in 1000ms wrap 循环间隔 3000 毫秒 delay first change
2 鼠标单击时:
Case 1
(If 面板状态于轮播图片 != State1):
设置轮播图片为 Previous 向右滑动 out 1000ms 向右滑动 in 1000ms
Fire 载入时 on 轮播图片
Case 2
(Else If 面板状态于轮播图片 == State1):
设置轮播图片为 State3 向右滑动 out 1000ms 向右滑动 in 1000ms
Fire 载入时 on 轮播图片
3 鼠标单击时:
Case 1
(If 面板状态于轮播图片 != State3):
设置轮播图片为 Next 向左滑动 out 1000ms 向左滑动 in 1000ms
Fire 载入时 on 轮播图片
Case 2
(Else If 面板状态于轮播图片 == State3):
设置轮播图片为 State1 向左滑动 out 1000ms 向左滑动 in 1000ms
Fire 载入时 on 轮播图片
4 1 鼠标单击时:
Case 1:
设置轮播图片为 [[This.name]] 向左滑动 out 1000ms 向左滑动 in 1000ms
Fire 载入时 on 轮播图片
5 2 鼠标单击时:
Case 1:
设置轮播图片为 [[This.name]] 向左滑动 out 1000ms 向左滑动 in 1000ms
Fire 载入时 on 轮播图片
6 3 鼠标单击时:
Case 1:
设置轮播图片为 [[This.name]] 向左滑动 out 1000ms 向左滑动 in 1000ms
Fire 载入时 on 轮播图片