tell me more icon Panel Splitter

Panel Splitterコンポーネントは、調整スプリッタで分割されたサイズ変更可能な2つのペインを作成します。 この2つのペインは、 Orientation属性で指定することにより、水平方向(左右)または垂直方向(上下)に作成できます。 デフォルトでは、 Orientationhorizontal(水平方向)に設定されています。

水平方向(左右)のペイン

垂直方向(上下)のペイン

Panel Stretch Layoutと同様に、 Panel Splitterは、直下の子要素を受け入れません。子コンテンツはファセット内にのみ配置できます。 Panel Splitterでは、 子コンテンツを挿入できるペインを指定可能なfirstファセットと secondファセットの2つのファセットをサポートしています。

                         
<af:panelSplitter ..>
  <f:facet name="first">
    <!-- pane contents here -->
  </f:facet>
  <f:facet name="second">
    <!-- pane contents here -->
  </f:facet>
</af:panelSplitter>
                      

Panel Splitterを使用すれば、エンドユーザーは子コンテンツ間で領域を再配分できます。 調整スプリッタをドラッグすることにより、ペインのサイズを変更できます。 スプリッタの矢印をクリックすると、ペインを(コンテンツと一緒に)矢印方向に折りたためます。

Panel Splitterは拡張レイアウト・コンポーネントであるため、エンドユーザーがブラウザのサイズ変更、ペインのサイズ変更、ペインの展開や折りたたみを実行すると、子コンポーネントがブラウザの使用可能領域を満たすように特定のディメンションが自動的に設定されます。

Panel Splitterを追加すると、Oracle JDeveloperで次の属性とデフォルト値が使用されます。

  • Orientationhorizontal。 ペインが左右に並んで配置されます(言語の読み方向に応じて、左から右、または右から左に配置)。 ペインを上下に並べて配置(上から下に配置)する場合は、値を verticalに変更します。
  • PositionedFromEndfalse。 調整スプリッタの位置が、第1ファセットから調整されます。第1ファセットは、水平配置では左ペインまたは右ペイン(言語の読み方向によります)、垂直配置では上ペインとなります。 第2ファセット(水平配置では右ペインまたは左ペイン、垂直配置では下ペイン)からスプリッタの最初の位置を調整する場合は、値を trueに変更します。
  • SplitterPosition200ピクセル。 PositionedFromEnd値に応じて、第1または第2ファセットから調整スプリッタまでの距離を表します。

たとえば水平配置では、 PositionedFromEndfalseSplitterPosition200の場合、調整スプリッタの最初の位置は、第1ファセット(左ペイン)から200ピクセルの位置になります(最初の図を参照)。 垂直配置では、 PositionedFromEndfalseSplitterPosition200の場合、調整スプリッタの最初の位置は、第1ファセット(上ペイン)から200ピクセルの位置になります(2番目の図を参照)。

次の図に示すとおり、 PositionedFromEndfalseの場合、調整スプリッタの矢印は第1ファセットの方向を指し、 PositionedFromEndtrueの場合、調整スプリッタの矢印は第2ファセットの方向を指します。

水平ペイン、スプリッタの矢印は右方向

Panel Splitterの Collapsed属性は、ペインの折りたたみ/展開を決定します。 デフォルトでは、 Collapsedfalseに設定されています。これは、ペインが展開されることを示します。 ペインが展開されている状態の場合は、調整スプリッタの矢印をクリックすると、矢印方向にペインが折りたたまれ、再度矢印をクリックすると、ペインが展開されます。

Copyright © 1997, 2008, Oracle. All rights reserved.