Container

Click to copy

用来对元素进行分组


外观和感觉设置。

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 vertica l [enum]- 组件的垂直对齐方式。
  • Margin[string]- 组件的边距。
  • Padding[string]- 组件的padding。
  • Border[string]- 组件的边框。
  • Border radius [string]- 组件的边框半径。
  • Background color [string]- 组件的背景颜色。
  • Visible [boolean]- 组件的可见性状态。


使用范例

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

Container | AppMaster Docs