样式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

回答

相关问题