案例描述:
固定区域循环播放一组图片(幻灯片效果),圆形分页标签随着播放不同的图片,而对应改变样式。
思路分析:
①利用动态面板可添加多个状态的特性,创建5个状态;
②将5张需要展示的图片放到各个状态里面;
③将圆点分页标签做成只能唯一被选中的效果,并设置第一个圆点默认被选中;
④页面打开后,开启图片循环播放的效果;
⑤每次切换到新的图片时,根据状态名称选中圆点分页标签,呈现蓝色效果
注意:第1张图片的尺寸大小决定后面图片的大小(即与第1张保持一致)
1.把动态面板拖入页面,命名为SlidePanel
2.双击动态面板
3.进入状态“State1”,添加一张图片到画布左上顶点的位置(位置可自定)
4.参考上一步,将剩余四张图片分别放入到状态“State1”~“State5”中;
5.在动态面板区域外拖入一个圆形,在元件属性中为其设置【选中】的样式,{设置选项组名称}为“Tag”,并调整为合适的大小;