常用的社交、电商等APP均可看到轮播图效果，本文是关于常见功能-轮播图的制作教程，希望可以给有需要的人一点帮助~
效果预览如下：
制作步骤
1.首先导入一张图片并设置好尺寸，然后在图片的合适位置上增加小圆点并设置好尺寸（几张轮播图就加几个）。然后Ctrl+A全选所有元件，点击“组合”按钮将图片和小圆点进行组合。
2.选中图片后鼠标右键选择“转换为动态面板”，此时就将图片和小圆点的组合转换为了state1。
3.双击已设置为动态面板的图片进入动态面板编辑页面，在state1中将第一个小圆点设置为醒目的颜色（我设置的是红色，其余两个为默认状态）。具体步骤为选中第一个小圆圈，并为其填充颜色，设置边框颜色和填充的颜色一致或将边框线段设置为0。
4.展开state1，点击“重复状态”按钮复制state2和state3。
5.分别编辑state2和state3页面的小红点为醒目状态（ps：state2时，1和3小红点需要设置为未选中的状态；state3时，1和2小红点需要设置为未选中状态哦），然后关闭动态面板编辑页面。
6.最后就需要来设置交互样式了~选中图片，然后点击右侧“新建交互”按钮会打开事件列表，这里事件我们选择“载入时”，动作选择“设置面板状态”，目标选择图片对应的动态面板，state选择下一项并勾选上“向后循环”复选框和“循环间隔”，间隔时间我这里设置的是2S，最后进行保存预览就ok啦（state中的各个选项都是可以根据自己需要来进行设置的哦）。
然后
网友评论