帮助文档Appearance
幻灯片
🚩【组件功能】：在有限空间内，循环播放同一类型的图片、文字等内容。
样式预览
设置
基础设置
| 属性名称 | 属性释义 | 输入值类型 |
|---|---|---|
| 初始索引(initialIndex) | 设置初始状态激活的幻灯片的索引，从 0 开始 | 数字型(Number) |
| 触发方式(trigger) | 设置指示器的触发方式(鼠标悬浮 / 鼠标点击) | 字符串类型，可选值（click / hover ） |
| 自动播放(autoplay) | 幻灯片是否自动切换 | 布尔型(true / false) |
| 时间间隔(interval) | 设置自动切换的时间间隔，单位为毫秒(ms) | 数字型(Number) |
| 指示器位置(indicatorPosition) | 设置指示器的位置(内部 / 无) | 字符串类型，可选值（inside / none ） |
| 切换箭头(arrow) | 设置切换箭头的显示方式(总是 / 鼠标悬浮 / 从不) | 字符串类型，可选值（always / hover / never ） |
| 类型(type) | 走马灯的类型(普通 / 卡片) | 字符串类型，可选值（normal / card ） |
| 循环状态(loop) | 幻灯片是否循环显示 | 布尔型(true / false) |
| 方向(direction) | 设置走马灯展示的方向(水平 / 垂直) | 字符串类型，可选值（horizontal / vertical ） |
名称(name)
描述
当前UI控件或窗体的名称(不可重复)
配置预览
输入值类型
字符串类型，可包含汉字、字母、数字，不能使用特殊字符。
显示状态(visible)
描述
当前UI控件是否显示
配置预览
输入值类型
布尔型(true|false)
父子对齐拉伸(anchor)
描述
当前UI控件绝对定位，当窗体大小变动时当前控件布局位置的定位策略。
配置预览
配置解析
vertical(水平方向控制)：left（靠左）、stretch（居中 left + right）、right （靠右）
horizontal(竖直方向控制)：top （靠上）、stretch（居中 top + bottom）、bottom （靠上）
配置预览图中对应值为：(vertical, horizontal)
(top, left) (top, stretch) (top, right)
(stretch, left) (stretch, stretch) (stretch, right)
(bottom, left) (bottom, stretch) (bottom, right)
窗口大小未改变时当前配置预览
窗口大小改变后当前配置预览
输入值类型
anchor.horizontal = (left | stretch | right)
anchor.vertical = (top | stretch | bottom)
X坐标(x)
描述
当前UI控件左上角所在画布X轴的位置
配置预览
输入值类型
数字型(Number)
Y坐标(y)
描述
当前UI控件左上角所在画布Y轴的位置
配置预览
输入值类型
数字型(Number)
Z轴(z)
描述
当前UI控件左上角所在画布Z轴的位置
配置预览
输入值类型
数字型(Number)
宽度(width)
描述
当前UI控件的整体宽度大小
配置预览
输入值类型
数字型(Number)
高度(height)
描述
当前UI控件的整体高度大小
配置预览
输入值类型
数字型(Number)
右键菜单(contextMenu)
描述
为当前UI控件绑定鼠标右键事件
配置预览
输入值类型
待选项为已拖拽至窗体中待用的右键菜单组件
图片列表 data数据格式示例
json
["http://api.huoyuyan.com/banner/1.jpg","http://api.huoyuyan.com/banner/2.jpg","http://api.huoyuyan.com/banner/3.jpg"]
属性设置预览
方法列表
| 名称 | 参数 | 释义 |
|---|---|---|
| 增加方法(add) | string | 添加图片至列表末尾（单个图片URL） |
| 移除方法(remove) | string | 移除定位置图片('0'为第一张) |
| 上一个方法(prev) | 向前切换（无需参数） | |
| 下一个方法(next) | 向后切换（无需参数） |