Container

点击复制

用来对元素进行分组


外观和感觉设置。

Name (强制性的) - 组件的名称。

Direction (mandatory) - 元素在容器内的排列方式,垂直或水平。水平的是默认的。

Wrap (mandatory)--当内容超出容器的边界时,对其进行包装。默认为Nowrap

Alignment(强制性) - 容器内元素的排列。默认为开始。

Sizes (强制性) - 容器尺寸。以像素或百分比为单位。默认情况下,宽度为100%。

Max Width(强制性) - 容器的最大宽度,以像素或百分比表示。默认情况下是100%。

Margin (强制性) - 外侧缩进。默认为0。

Padding (强制性) - 内缩进。默认为0 图像、渐变或叠加(非强制性)--用于背景。

Background color(非强制性) - 背景的主要颜色。

Border (非强制性) - 组件边界设置。

Visible (强制性) - 如果打开,使组件可见。默认情况下是启用的。

Container Settings


工作流触发器。

  • 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]- 组件的可见性状态。



使用范例

容器可以用来分组元素。例如,用几个不同的输入字段组合成一个表单。

example use containers