Container
クリックでコピー
要素をグループ化するために使用します。
ルック&フィールの設定。
Name (必須) - コンポーネントの名前。
Direction (必須) - コンテナ内での要素の配置方法,垂直方向または水平方向.デフォルトは水平。
Wrap (必須) - コンテナの枠からはみ出した場合のコンテンツの折り返し。デフォルトはNowrap
Alignment(必須)- コンテナ内の要素の整列。デフォルトはStart。
Sizes (必須) - コンテナの寸法。ピクセルまたはパーセントで指定する。デフォルトはWidth 100
Max Width(必須) - コンテナの最大幅。ピクセルまたはパーセンテージで指定する。デフォルトで100%。
Margin (必須) - 外側のインデント。デフォルトは0。
Padding (必須) - 内側のインデント。デフォルトでは0 イメージ、グラデーション、またはオーバーレイ(必須ではない) - 背景用。
Background color(必須ではありません) - 背景の原色です。
Border (必須ではない) - コンポーネントの境界線の設定。
Visible (必須) -オンにすると、コンポーネントを表示します。デフォルトでは有効。
ワークフロートリガー
- onCreate - は、ページ上に要素が作成されたときに発生します。
- onShow - コンポーネントが可視状態(ページに表示される状態)になったときに発生します。
- onHide - コンポーネントが hidden に変化したとき (表示を停止したとき) に発生します。
- onDestroy - コンポーネントが破棄されたときに発生します。
- onClick - コンポーネントがクリックされたときに発生します。
コンポーネントアクション。
Container get properties
コンテナのプロパティを取得します。
入力 パラメータ。
- Component Id [string] - コンテナコンポーネントの識別子。
出力 パラメータ
- Width [string]- コンポーネントの幅
- Height [string]- コンポーネントの高さ
- Flex direction [enum]- コンポーネントの方向
- Wrap [enum]- コンポーネントのラップ
- Alignment horizontal [enum]- コンポーネントの水平方向の配置。
- Alignment vertical [enum]- コンポーネントの垂直方向のアライメント
- Margin [string]- コンポーネントのマージン
- Padding [string]- コンポーネントのパディング
- 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]- コンポーネントのパディング
- 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]- コンポーネントのパディング
- Border [string]- コンポーネントのボーダー
- Border radius [string]- コンポーネントのボーダーの半径。
- Background color [string]- コンポーネントの背景色。
- Visible [boolean]- コンポーネントの可視性状態。
使用例
コンテナは、要素をグループ化するために使用することができます。例えば、いくつかの異なる入力フィールドからフォームを組み立てるために使用します。