Container
点击复制
用来对元素进行分组
外观和感觉设置。
Name (强制性的) - 组件的名称。
Direction (mandatory) - 元素在容器内的排列方式,垂直或水平。水平的是默认的。
Wrap (mandatory)--当内容超出容器的边界时,对其进行包装。默认为Nowrap
Alignment(强制性) - 容器内元素的排列。默认为开始。
Sizes (强制性) - 容器尺寸。以像素或百分比为单位。默认情况下,宽度为100%。
Max Width(强制性) - 容器的最大宽度,以像素或百分比表示。默认情况下是100%。
Margin (强制性) - 外侧缩进。默认为0。
Padding (强制性) - 内缩进。默认为0 图像、渐变或叠加(非强制性)--用于背景。
Background color(非强制性) - 背景的主要颜色。
Border (非强制性) - 组件边界设置。
Visible (强制性) - 如果打开,使组件可见。默认情况下是启用的。
工作流触发器。
- onCreate - 当该元素在页面上被创建时触发。
- onShow - 当该元素的状态变为可见(在页面上显示)时启动。
- onHide - 当该组件的状态变为隐藏(停止显示)时发生火灾。
- onDestroy - 当该组件被销毁时发生火灾。
- onClick - 当该组件被点击时触发。
组件行动。
Container get properties
获取容器的属性。
输入 参数。
- Component Id [string] - 容器组件的标识符。
输出 参数。
- Width [string]- 组件的宽度。
- Height [string]- 组件的高度。
- Flex direction [enum]- 组件的方向。
- Wrap [enum]- component'wrap;
- Alignment horizontal [enum]- 组件的水平对齐方式。
- Alignment vertical [enum]- 组件的垂直对齐方式。
- Margin [string]- 组件的边距。
- Padding [string]- 组件的padding。
- Border [string]- 组件的边界。
- Background color [string]- 组件的背景颜色。
- Visible [boolean]- 组件的可见性状态。
Container set properties
获取容器的属性。
输入 参数。
- Component Id [string] - 容器组件的标识符。
输出 参数。
- Width [string]- 组件的宽度。
- Height [string]- 组件的高度。
- Flex direction [enum]- 组件的方向。
- Wrap [enum]- 组件的包装。
- Alignment horizontal [enum]- 组件的水平对齐方式。
- Alignment vertical [enum]- 组件的垂直对齐方式。
- Margin [string]- 组件的边距。
- Padding [string]- 组件的padding。
- Border [string]- 组件的边界。
- Background color [string]- 组件的背景颜色。
- Visible [boolean]- 组件的可见性状态。
Container update properties
更新容器的属性
输入 参数。
- Component Id [string]- 容器组件的标识符。
- Width [string]- 组件的宽度。
- Height [string]- 组件的高度。
- Flex direction [enum]- 组件的方向。
- Wrap [enum]- 组件的包装。
- Alignment horizontal [enum]- 组件的水平对齐方式。
- Alignment vertical [enum]- 组件的垂直对齐方式。
- Margin [string]- 组件的边距。
- Padding [string]- 组件的padding。
- Border [string]- 组件的边框。
- Border radius [string]- 组件的边框半径。
- Background color [string]- 组件的背景颜色。
- Visible [boolean]- 组件的可见性状态。
使用范例
容器可以用来分组元素。例如,用几个不同的输入字段组合成一个表单。