使用Axure如何实现轮播图效果

 时间:2024-10-11 21:28:05

1、第一步,将动态面板拖至手机外壳中并调整大小;

使用Axure如何实现轮播图效果

2、第二步,双击已经拖过来的动态面板,点击“+”号再创建两个动态面板,并分别进行命名;

使用Axure如何实现轮播图效果

3、第三步,依次双击创建的这三个动态面板,并插入大小合适的图片,如图1,三个动态面板都插入图片后如图2;

使用Axure如何实现轮播图效果
使用Axure如何实现轮播图效果

4、第四步,单机选中动态面板,并双击右侧交互的“载入时”;

使用Axure如何实现轮播图效果

5、第五步,双击“载入时”后会弹出用例编辑弹窗,在此弹窗,单机设置动态面板状态;

使用Axure如何实现轮播图效果

6、第六步,选中要编辑的动态面板元件和选择状态为“Next”

使用Axure如何实现轮播图效果

7、第七步,配置以下信息:(1)选中向后循环,这是为了保证每张图片都是按照顺序依次进行展示的。钱砀渝测(2)循环间隔,一般是2500ms-3500ms,此处我设置了3000ms,这个时间决定了每张图片的切换频率。(3)首个状态延时,也是要勾选的,这是为了刚进入此页面后第一张轮播图不会一闪而过。(4)进入动画、退出动画设置及时间,都设置向左滑动,这个是用来控制轮播图的切换方向和切换速度的。

使用Axure如何实现轮播图效果

8、最后点击用例编辑弹窗的“确定”按钮,即可完成轮播图的制作

使用Axure如何实现轮播图效果
  • Axure 8.0中怎么制作手机上下滑动效果
  • 教大家如何使用Axure制作文字轮播的效果
  • Axure如何制作图片点击放大或缩小效果
  • Axure RP9.0 制作上下滑动,弹回效果
  • Axure怎么实现左右滑动效果
  • 热门搜索
    小学生文明礼仪手抄报 师恩难忘手抄报 拒绝邪教手抄报 生态文明手抄报 清明手抄报资料 关于青春的手抄报 环保手抄报内容大全 六一儿童节手抄报简单 关于卫生的手抄报 文明校园手抄报资料