スタイリングGWTのDockLayoutPanel

Question

GWTを使用してDockLayoutPanelを作成しようとしています。それは完全な画面を占める必要があります。

DockLayoutPanel dockPanel = new DockLayoutPanel(Unit.EM); 
dockPanel.addSouth(new HTML("South"), 2); 
dockPanel.addNorth(new HTML("North"), 2); 
dockPanel.addEast(new HTML("Easat"), 2); 
dockPanel.addWest(new HTML("West"), 2); 
dockPanel.add(new HTML("Center")); 
RootLayoutPanel.get().add(dockPanel); 

1. 私は、addメソッドの2番目のパラメータは、それぞれのパネルの幅であると信じています。どのようにレイアウトがパネルの高さを決定しますか？
2. パネルに枠を追加する、パネル間の間隔を追加する、枠線を枠線に沿って追加するなど、レイアウトをスタイルするにはどうすればよいですか？
3. CSSを使用してパネルの背景色を設定する必要がありますか、またはJavaからパネルの背景色を設定する必要がありますか？
4. これらのパネルをドラッグアンドドロップパネルとして作成できますか？

Answer 1

1）2番目のパラメータは実際にはパネルのサイズです。レイアウトの位置に応じて、幅または高さになります。より明確な結果を得るためにUnit.PXまたはUnit.PCを使用すると、EMユニットが最初に混乱する可能性があります。

2）CSSスタイルを使用します。

3）ここでも、それだけではGWTを使ってことはできません）

4 CSSを使用します。 GWT-Mosaicプロジェクトを見てください。特に "ドラッグ&ドロップ列/行レイアウト"：http://mosaic.analytical-labs.com/#CwDNDColumnRowLayout

Answer 2

1）高さなどは、通常のHTMLレイアウトルールを使用して決定されます。パネルの高さと幅は、含まれるdivの高さと幅にすぎません。

2）他のdivと同じようにCSSを使用してスタイルを設定します。 UiBinderはこれをかなり簡単にします。

3）はい、CSSを使用してください。直接操作する場合は、getElement()とgetStyle()に電話をかけるか、addStyleName()を使用してCSSクラスを追加します。それにもかかわらず、UiBinderはおそらくJavaで行うよりも優れた賭けです。

4）AFAIK、これを箱から外す方法はありません。それを処理するコードを書く必要があります。 SplitLayoutPanelを使用すると、パネルのサイズは変更できますが、位置は変更できません。