轮播图

轮播图组件可以用来轮播展示多张本地或者网络图片。
​

该组件在软件中的位置如下图所示：

选中组件时可以对组件进行设置，包括字段设置、样式设置和交互设置，其中字段设置如下图所示：

上图中所用示例数据如下：

网络图片	本地图片
https://static.shanhaibi.com/assets/image/202002181646/red.png	file:///C:/Users/79775/Desktop/教程/red.png
https://static.shanhaibi.com/assets/image/202002181646/green.png	file:///C:/Users/79775/Desktop/教程/green.png
https://static.shanhaibi.com/assets/image/202002181646/blue.png	file:///C:/Users/79775/Desktop/教程/blue.png

​

交互的设置如下图所示：

（1）切换组件状态
​

可选择组件绑定状态
点击加号进行增加和批量设置
​

（2）刷新大屏数据
​

可开启后刷新大屏数据
​

（3）添加链接
​

可链接到 URL 或子大屏
​

（4）打开弹窗
​

绑定到弹窗分组
​

（5）关闭弹窗
​

绑定到弹窗分组
​

（6）切换到选项卡
​

可选择切换到选项卡组以及其中的第几项
点击加号增加和批量设置
​

样式的设置如下图所示：

（1）基本设置
​

数据源选择：可以选择指定图片或者数据源字段
​

图片地址：如果设置了图片地址字段，优先使用字段中的图片地址，如果未设置图片地址字段，可以直接在此处设置。
​

点击下拉菜单可以选择本地图片或者输入网络链接，点击“+”可以添加图片，点击“x”可以删除图片，最后一个无法删除。
​

填充方式：拉伸以充满容器，平铺以充满容器和居中，居中时图片会锁定宽长比，开启“外框跟随图片尺寸”可以让外框始终保持和图片相同大小。
​

填充方式默认针对第一张图片的尺寸进行适配性处理，其他图片使用相同的处理方式。
​

透明度：取值范围 0~1,0 表示完全透明，1 表示不透明
​

切换动画：针对轮播的动画效果可以选择无、淡入淡出、水平平移和垂直平移。
​

包括：子组件缩放跟随、鼠标穿透、允许演示控制和是否显示
​

（2）图片描述
​

可以选择文本置顶、文本置底。
​

设置文本描述背景色、文本背景高度、文字颜色、字体大小、字体、粗斜体和对齐方式。
​

（3）切换按钮
​

对轮播图片的切换按钮进行设置，可以设置显示或者不显示，显示时可以对其属性进行设置，包括：形状、方向、位置、宽度、高度、间距、未选中时背景颜色和选中时背景颜色、
​

（4）动画
​

动画效果可以对入场动画、展示动画和离场动画进行设置。
​

需要注意的是，未开启循环播放时，动画只在启动全屏时播放一次，开启循环播放之后才会按照间隔时间循环播放动画。
​

（5）大小和位置
​

通常我们可以通过直接点击和拖动组件来设置大小和位置，在这里也可以通过直接输入 X 坐标、Y 坐标、宽和高来设置。
​

三维空间旋转还可以输入任意数值，数值对应角度向 X 轴/y 轴旋转。
​

（6）边框设置
​

边框的设置包括：边框颜色、边框宽度和边框样式。
​

（7）背景设置
​

组件默认没有背景颜色，如果需要设置背景颜色，可以在这里进行设置，也可以将背景设置为一张图片。