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. 如何设置布局的样式，例如向面板添加边框、面板之间的间距、添加与边框一致的面板标题？
3. 应该使用CSS设置面板背景色，还是有办法从java中设置？
4. 我可以把这些面板做成拖放板吗？

Answer 1

1)第二个参数实际上是面板的大小。它将是宽度或高度，取决于布局位置。如果使用Unit.PX或Unit.PC来获得更清晰的结果，那么EM单元在开始时可能会很混乱。

2)使用CSS样式。

3)再次使用CSS

4)单独使用GWT是不可能的。看看格威特-马赛克项目。特别是“拖放列/行布局”：http://mosaic.analytical-labs.com/#CwDNDColumnRowLayout

Answer 2

1)高度的确定采用常规的HTML布局规则。面板的高度和宽度只是包含div的高度和宽度。

2)使用CSS的样式，就像使用任何其他div一样。UiBinder让这件事变得很简单。

3)是的，使用CSS。如果您想直接操作getElement()和getStyle()，您可以调用它，或者调用addStyleName()来添加一个CSS类。无论如何，UiBinder可能比在Java中进行更好的选择。

4) AFAIK，这是不可能的。你必须编写一些代码来处理这个问题。SplitLayoutPanel将允许您更改面板的大小，但不允许更改位置。