メインコンテンツまでスキップ

<pc-layoutchild>

<pc-layoutchild>タグは、親の <pc-layoutgroup> によって要素がどのようにサイズ調整されるかを制御するレイアウトの子コンポーネントを定義するために使用されます。

使用法
  • <pc-element> も持つ <pc-entity> の直接の子である必要があります。
  • そのエンティティ自体は、<pc-layoutgroup> を持つエンティティの子である必要があります。

属性​

属性タイプデフォルト説明
enabledBoolean"true"コンポーネントの有効状態
exclude-from-layoutFlag-この要素をレイアウトから除外し、スペースを取らないようにします
fit-height-proportionNumber"0"height-fitting が stretch または shrink のとき、この要素が取るグループの余剰高さの割合
fit-width-proportionNumber"0"width-fitting が stretch または shrink のとき、この要素が取るグループの余剰幅の割合
max-heightNumber-要素がレイアウトされる最大の高さ（制限しない場合は省略）
max-widthNumber-要素がレイアウトされる最大の幅（制限しない場合は省略）
min-heightNumber"0"要素がレイアウトされる最小の高さ
min-widthNumber"0"要素がレイアウトされる最小の幅

例​

<pc-entity>
    <pc-element type="image" width="200" height="45"></pc-element>
    <pc-layoutchild min-height="45" fit-width-proportion="1"></pc-layoutchild>
</pc-entity>

JavaScriptインターフェース​

LayoutChildComponentElement APIを使用して、<pc-layoutchild>要素をプログラムで作成および操作できます。