樣式GWT的DockLayoutPanel

我想創建一個使用GWT的DockLayoutPanel。它應該佔據整個屏幕。樣式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);

相信能夠加載方法中的第二參數是所述各個板的寬度。佈局如何決定面板的高度？
如何設計佈局風格，如爲面板添加邊框，面板之間的間距，面板標題是否與邊框一致？
面板的背景顏色應該使用CSS設置，還是有辦法從java中這樣做？
我可以將這些面板製作爲拖放面板嗎？

來源

2011-01-06 Mithun

1）第二個參數實際上是面板的大小。這將是寬度或高度，取決於佈局位置。使用Unit.PX或Unit.PC來獲得更清晰的結果，EM單元可能會在開始時感到困惑。

2）使用CSS樣式。 3）同樣，使用CSS

4）單獨使用GWT是不可能的。看看GWT-Mosaic項目。特別是「拖動&拖放列/行佈局」：http://mosaic.analytical-labs.com/#CwDNDColumnRowLayout

來源

2011-01-06 21:12:03

感謝指向GWT-Mosaic的指針。 – Mithun 2011-01-07 18:03:23

1）高度等使用正常的HTML佈局規則確定。面板的高度和寬度只是包含div的高度和寬度。

2）樣式它使用CSS就像你會任何其他股利。 UiBinder使這非常容易。

3）是的，使用CSS。如果你想直接操作它，你可以調用getElement()和getStyle()或addStyleName()添加一個CSS類。無論如何，UiBinder可能比在Java中做更好。

4）AFAIK，沒有辦法做到這一點開箱即用。你將不得不編寫一些代碼來處理它。 SplitLayoutPanel可以讓你改變面板的大小，但不是位置。

來源

2011-01-06 19:28:53 gk5885

樣式GWT的DockLayoutPanel

回答

相關問題