分段控制器

基本概念

• 分段控制器，如下图所示：

属性说明

组件名称

设置组件名称，用于在图层中显示组件的名称。

组件尺寸

设置组件的宽度和高度，单位为 px

组件位置

设置组件在大屏中的位置，通过横纵坐标来定义，单位为 px。

不透明度

设置组件不透明度。

旋转

设置组件在图层中的旋转角度。

选项

通过添加删除移动操作，设置组件中的数据。

图标大小

设置图标的大小。

自动播放

设置分段控制器是否自动播放。

时间间隔

分段控制器为开启状态时，设置分段控制器切换的时间间隔。

样式说明

字体库

可选择标题文字字体。

字体大小

可选择或调整标题文字大小。

字体颜色

设置标题文字颜色与透明度。

字体样式

设置标题文字是否为粗体与斜体。

字体阴影

设置标题文字阴影是否开启。

开启后可设置阴影颜色与阴影大小。

背景颜色

设置组件的背景颜色。

选中样式

• 字体库：可设置字体类型；
• 字体大小：可设置文字的大小；
• 字体颜色：可设置文字的颜色；
• 字体样式：可设置文字加粗和斜体；
• 字体阴影：可设置是否开启字体阴影；
• 阴影颜色：可设置阴影的颜色；
• 阴影大小：可设置阴影的大小。
• 背景颜色：可设置选中后的背景颜色。

数据说明

数据结构：描述每一个数字字段的名称、映射、数据类型。

• 源数据：编辑json格式数据，如下图所示：

交互参数说明

• 显示：设置组件显隐。
• 位置：设置组件位置。
• 尺寸：设置组件宽高。

交互事件说明

• 点击事件：组件点击触发。
• 位置变更：组件位置发生改变后，触发位置变更。
• 尺寸变更：组件尺寸发生改变后，触发尺寸变更。
• 改变事件：组件选中值发生改变后，触发此事件。

动画说明

• 动画名称：可设置名称内容；
• 触发方式：可设置不同的触发动作触发动画；
• 动画类型：可选择不同的动画类型触发动画；
• 动作类型：可选择不同的动作类型触发动画；
• 运动方式：可选择不同的运动方式触发动画；
• 延迟播放：可设置延迟动画多长时间后触发动画；
• 动画时长：可设置动画的运动时间；
• 重复播放：可设置重复播放的方式；
• 重复次数：重复播放 方式选择重复后，可设置重复次数，指改动画重复的次数；
• 运动行为：可选择不同的运动方式；
• 结束状态：可选择不同结束状态的方式。