控件
控件是UI设计的基础，它们可以是按钮、文本框、滑动条等。在设计界面时，合理地选择和使用控件是非常重要的。
属性
| Property | Description |
|---|---|
| Name | 名称，必须以字母开头，必须至少有三个字符，只能包含字母、数字、下划线 |
| Position (X,Y) | 位置，包括X和Y坐标，X为0到屏幕宽度之间的值，Y为0到屏幕高度之间的值 |
| Size (W,H) | 尺寸，控件的宽度和高度 |
| User Data | 用户数据，控件的自定义数据，可以在代码中使用 |
| Scrollbar Mode | 滚动条，控件的滚动条显示模式 |
| State | 运行状态，控件的状态，包括正常、悬停、按下、禁用等 |
| Flag | 添加标识，控件的标识，包括可见、可用、可聚焦等 |
| Clear Flag | 清除标识，控件的标识，包括可见、可用、可聚焦等 |
| Focus | 聚焦，控制控件是否可以聚焦 |
样式
一些常见的样式属性：
| Style | Part | Description |
|---|---|---|
| Background Color | Main | 背景颜色 |
| Background Gradient Direction | Main | 背景渐变方向 |
| Background Gradient Color | Main | 背景渐变颜色 |
| Background Opacity | Main | 背景透明度 |
| Background Image Src | Main | 背景图片 |
| Background Image Opacity | Main | 背景图片透明度 |
| Background Image Recolor | Main | 背景图片重新着色(图片遮罩颜色) |
| Background Image Recolor Opacity | Main | 背景图片重新着色透明度 |
| Border Color | Main | 边框颜色 |
| Border Opacity | Main | 边框透明度 |
| Border Width | Main | 边框宽度 |
| Border Side | Main | 边框显示的位置，指定对象的哪一边（上、下、左、右）需要显示边框 |
| Radius | Main | 圆角半径 |
| Shadow Color | Main | 阴影颜色 |
| Shadow Opacity | Main | 阴影透明度 |
| Shadow Width | Main | 阴影宽度 |
| Shadow Spread | Main | 阴影扩散 |
| Shadow Position | Main | 阴影位置，阴影的偏移量 |
| Text Color | Main | 文本颜色 |
| Text Font | Main | 文本字体 |
| Text Size | Main | 文本大小 |
| Text Align | Main | 文本对齐方式 |
| Padding Top | Main | 上边距 |
| Padding Bottom | Main | 下边距 |
| Padding Left | Main | 左边距 |
| Padding Right | Main | 右边距 |
| Outline Color | Main | 外边框颜色 |
| Outline Opacity | Main | 外边框透明度 |
| Outline Width | Main | 外边框宽度 |
| Outline Padding | Main | 外边框内边距 |
| Arc Color | Main | 圆弧颜色 |
| Arc Opacity | Main | 圆弧透明度 |
| Arc Width | Main | 圆弧宽度 |
| Arc Image Src | Main | 圆弧图片，Arc Opacity 可用于设置图片的透明度 |
事件
当事件的目标对象不一样时，能够启用的事件动作也不一样
All
所有目标对象
- 自定义，用户编写的事件动作
控件对象
不同类型的控件，下面的事件动作也会有所不同
- 动作
- 设置状态
- 清除状态
- 添加标识
- 清除标识
- 可视化
- 宽度
- 高度
- 位置
- 背景
- 文本设置
- 文本内容
- 字体大小
- 字体
- 移动动画
- 目标位置
- 动画类型
- 动画时长
- 动画延迟
- 重复次数
- 重复间隔延时
- 回放时长
- 回放延迟
- 开始回调
- 准备回调
- 结束回调
- 伸缩动画
- 目标尺寸
- 动画类型
- 动画时长
- 动画延迟
- 重复次数
- 重复间隔延时
- 回放时长
- 回放延迟
- 开始回调
- 准备回调
- 结束回调
页面对象
除当前页面以外的非顶层页面的页面对象
- 加载页面
顶层页面对象
- 顶层页面
时间轴对象
- 时间轴，控制时间轴的播放、暂停、循环的状态
NULL
无目标对象
- 多国语言， 用于切换多国语言
控件支持的绑定属性
- 数据同步模式
- OneWayModelToView 模型到视图单向绑定
- OneWayViewToModel 视图到模型单向绑定
- TwoWayViewModel 双向绑定
| Property | Type | Description | Sync Mode |
|---|---|---|---|
| X | int32_t | OneWayModelToView | |
| Y | int32_t | OneWayModelToView | |
| Width | int32_t | OneWayModelToView | |
| Height | int32_t | OneWayModelToView | |
| User Data | char * | 自定义值 | OneWayModelToView |