詳細アイコン パネル・ストレッチ・レイアウト

パネル・ストレッチ・レイアウトは子コンポーネントを直接は受け入れません。子のコンテンツはファセット内にのみ配置できます。パネル・ストレッチ・レイアウトは、子のコンテンツを挿入できるペインを指定する5種類のファセット(topbottomstartendおよびcenter)をサポートしています。

<af:panelStretchLayout ..>
  <f:facet name="bottom"/>
  <f:facet name="center"/>
  <f:facet name="start"/>
  <f:facet name="end"/>
  <f:facet name="top"/>
</af:panelStretchLayout>

パネル・ストレッチ・レイアウトは、ストレッチ・レイアウト・コンポーネントです。つまり、エンド・ユーザーがブラウザのサイズを変更すると、centerファセット内の子がブラウザの使用可能領域全体にストレッチされるように、その子コンポーネントに対して特定の寸法が強制的に適用されます。

centerファセットの使用可能領域は、topbottomstartおよびendファセット内の子の存在によって制約されることがあります。topファセットの高さは、パネル・ストレッチ・レイアウトの「TopHeight」属性によって決まります。bottomファセットの高さは「BottomHeight」属性によって決まります。同様に、startファセットとendファセットの幅は、それぞれ「StartWidth」属性と「EndWidth」属性によって決まります。

デフォルトでは、「TopHeight」「BottomHeight」「StartWidth」および「EndWidth」属性には、それぞれ50ピクセルが使用されます。topbottomstartおよびendファセットに子が存在している場合は、それらの属性に定義されている領域が占有されます。topおよびbottomファセットの子コンポーネントは、それぞれ「TopHeight」および「BottomHeight」に設定されている高さまでストレッチされ、startおよびendファセットの子コンポーネントは、それぞれ「StartWidth」および「EndWidth」に設定されている幅までストレッチされます。centerファセットの子コンポーネントは、その結果として使用可能な領域に応じてストレッチされます。