Axure 怎么实现轮播效果

 时间:2024-10-13 20:31:00

1、首先我们打开软件,在原件库中选择“动态面板”(如图)。

Axure 怎么实现轮播效果

2、选择动态面板后把面板拖入画布中,绘制成合适大小(如图)。

Axure 怎么实现轮播效果

3、在概要中找到动态面板,然后选择属性state1鼠标右键选择“复制状态”,这里根据需要复制,我们这里复制三个举例。(如图)。

Axure 怎么实现轮播效果

4、双击属性state1,看到变宽变蓝后,在原件库中选择“图片”位刚才复制的滚动属性添加图片(如图)。

Axure 怎么实现轮播效果

5、重复上面一步动作,把图片分别拖入到每个属性下。记得按照顺序分别拖入(如图)。

Axure 怎么实现轮播效果

6、创建好轮播后,需要我们为轮播创建事件,选择动态面板,在属性面板中找到“页面载入时”为轮播设置事件。

Axure 怎么实现轮播效果

7、在弹出的对话框中,选择“设置面板状态”,然后选择刚才创建动态面板。选择状态选择“next”,勾选向后循环。(如图)。

Axure 怎么实现轮播效果

8、点击右上角度预览,制作完成。

Axure 怎么实现轮播效果

9、总结1、选择动态面板2、绘制大小3、复制动态面板4、拖入图片5、图对应到属性中6、创建事件7、设置轮播时间8、完成

  • Axure如何做图片轮播效果-Axure基础教程
  • Axure RP8怎样设置跳转链接事件?
  • axure怎么实现页面与页面之间的跳转
  • Axure RP如何画一个简单的登录页面?
  • 如何使用Axure制作一个简单的进度条
  • 热门搜索
    汉字的手抄报 爱眼护眼手抄报 母亲节手抄报 说普通话写规范字手抄报 抗击疫情手抄报 文明手抄报 植树节手抄报图片 清明节手抄报的内容 英语手抄报简单又漂亮 春天的手抄报