aomレイアウト
4520 ワード
1.共通レイアウト1:layout:tableLayoutテーブルレイアウト
2.常用レイアウト2:layout:borderLayout東南北西中レイアウト(よく使われるregion=center)
上の2つのレイアウトにはそれぞれ千秋があり、1つ目は表レイアウトで、類似はでレイアウトされ、2つ目はSwingのBorderLayoutレイアウトに類似し、界面を東南北西の5つの部分に分けている.その一部しか使わない場合が多いですが、region=「center」を設定するだけでいいです.通常、2番目のレイアウトは拡張性が良いため、インタフェースにドメインを追加するにはregionを追加するだけでいいです.また、各領域の伸縮効果が優れています.
3.共通レイアウト3:layout:tabLayoutラベルレイアウト
TabLayoutはラベルページボードであり、これも一般的なレイアウトであり、通常、各tabにを入れて別のビューを参照することができ、以下のこのレイアウトは前の2つのレイアウトに置くことができ、これは具体的な必要に応じて配置される.
==========================================================================
4.共通レイアウト4:layout:windowポップアップレイアウトはウィンドウとしてレンダリングされ、ポップアップウィンドウまたはポップアップパネルでよく使用されます.
5.共通レイアウト5:layout:panelGrid
PanelGridコンポーネントがHTMLに相当するテーブル
=======================layout:panelGridは通常、前の4つのレイアウトで使用されます.CellはPanelGridコンポーネントのセルであり、PanelGridのサブ要素として使用する必要があります================================================================
6.共通レイアウト6:layout:gridLayout
Layout:gridLayoutはh:panelGridと同様に、その中に含まれるサブ要素を一定の規則に従ってグリッドに配置することができます.しかしGridLayoutは任意の複雑な内容をグリッドに配置することができ、各複雑な内容はFaceletによって提供されるため、h:panelGridの2つの制限を解決した:1つはセルごとに1つのコンポーネントしか配置できない;2つ目は、セルの内容が外部ファイルから===============================PanelGridコンポーネントはGridLayoutコンポーネントと機能が似ており、各プロパティも似ています.ただし、GridLayoutコンポーネントの各小格コンテンツはFaceletで提供する必要があるので、FaceletSetを使用することができます.PanelGridコンポーネントは複数のコンポーネントからコンテンツを提供できますが、FaceletSet=====================================================================
<layout:tableLayout height="400" width="500" columns="2" border="false">
<layout:panel rowspan="1" colspan="2" width="300" height="200" header="false">cell1</layout:panel>
<layout:panel rowspan="1" header="false">cell2</layout:panel>
<layout:panel rowspan="1" header="false">cell3</layout:panel>
</layout:tableLayout>2.常用レイアウト2:layout:borderLayout東南北西中レイアウト(よく使われるregion=center)
<layout:borderLayout fitToBody="true">
<layout:panel region="east" width="100" title="east" split="true" collapsible="true"> east </layout:panel>
<layout:panel region="north" height="100" title="north"> north </layout:panel>
<layout:panel region="west" width="100" title="west" split="true" collapsible="true"> west </layout:panel>
<layout:panel region="center" title="center"> center </layout:panel>
<layout:panel region="south" height="100" title="south"> south </layout:panel>
</layout:borderLayout>上の2つのレイアウトにはそれぞれ千秋があり、1つ目は表レイアウトで、類似はでレイアウトされ、2つ目はSwingのBorderLayoutレイアウトに類似し、界面を東南北西の5つの部分に分けている.その一部しか使わない場合が多いですが、region=「center」を設定するだけでいいです.通常、2番目のレイアウトは拡張性が良いため、インタフェースにドメインを追加するにはregionを追加するだけでいいです.また、各領域の伸縮効果が優れています.
3.共通レイアウト3:layout:tabLayoutラベルレイアウト
<layout:tabLayout height="400">
<layout:panel title="tab1">tab1</layout:panel>
<layout:panel title="tab2">tab2</layout:panel>
<layout:panel title="tab3">tab3</layout:panel>
</layout:tabLayout>
TabLayoutはラベルページボードであり、これも一般的なレイアウトであり、通常、各tabに
==========================================================================
4.共通レイアウト4:layout:windowポップアップレイアウトはウィンドウとしてレンダリングされ、ポップアップウィンドウまたはポップアップパネルでよく使用されます.
5.共通レイアウト5:layout:panelGrid
<layout:panelGrid columns="2" style="width:100%">
<layout:cell style="padding-right: 3px;" align="right">
aaaa
</layout:cell>
<layout:cell style="padding-right: 3px;" align="right">
aaaa
</layout:cell>
</layout:panelGrid>PanelGridコンポーネントがHTMLに相当するテーブル
=======================layout:panelGridは通常、前の4つのレイアウトで使用されます.CellはPanelGridコンポーネントのセルであり、PanelGridのサブ要素として使用する必要があります================================================================
6.共通レイアウト6:layout:gridLayout
<layout:gridLayout columns="2" rules="rows" rowClasses="row1,row2">
<layout:faceletSet id="contentDemo">
<layout:facelet name="cell1">Replaced Cell 1</layout:facelet>
<layout:facelet name="cell2">Replaced Cell 2</layout:facelet>
<layout:facelet name="cell3">Replaced Cell 3</layout:facelet>
<layout:facelet name="cell4">Replaced Cell 4</layout:facelet>
<layout:facelet name="cell5">Replaced Cell 5</layout:facelet>
<layout:facelet name="cell6">Replaced Cell 6</layout:facelet>
</layout:faceletSet>
</layout:gridLayout>Layout:gridLayoutはh:panelGridと同様に、その中に含まれるサブ要素を一定の規則に従ってグリッドに配置することができます.しかしGridLayoutは任意の複雑な内容をグリッドに配置することができ、各複雑な内容はFaceletによって提供されるため、h:panelGridの2つの制限を解決した:1つはセルごとに1つのコンポーネントしか配置できない;2つ目は、セルの内容が外部ファイルから===============================PanelGridコンポーネントはGridLayoutコンポーネントと機能が似ており、各プロパティも似ています.ただし、GridLayoutコンポーネントの各小格コンテンツはFaceletで提供する必要があるので、FaceletSetを使用することができます.PanelGridコンポーネントは複数のコンポーネントからコンテンツを提供できますが、FaceletSet=====================================================================