java - 如何在 GWT 2.0 中使用 DockLayoutPanel 和 UiBinder 布局小部件？

Question

我正在尝试使用 UiBinder 获得在 GWT 2.0 下工作的简单布局。我试图获得的布局是模仿 Java 的 BorderLayout 的布局，您可以在其中指定北、南、东、西和中心方向的不同面板；为此，我正在使用 DockLayoutPanel。我想要一个固定宽度的页眉和页脚。剩余的视口(viewport)空间将由分配给 DockLayoutPanel 中心槽的小部件占用。

我得到的当前 .ui.xml 文件是:

<g:DockLayoutPanel unit='EM'>
    <g:north size='2'>
        <g:HTML>HEADER</g:HTML> 
    </g:north>

    <g:south size='2'>
        <g:HTML>FOOTER</g:HTML> 
    </g:south>

    <g:center>
        <g:HTML>
            <div id='loginform'>Hello!</div>
        </g:HTML>
    </g:center>
</g:DockLayoutPanel>

浏览器只在左上角呈现 HEADER。我怎样才能实现我正在寻找的布局？在使用 GWT 布局面板之前，您似乎需要了解更多 CSS，但这违背了使用它创建 UI 的目的。

Answer 1

这对我有用，没有 RaphaelO 建议的任何技巧。

DockLayoutPanel 上的 Javadoc 示例使用 192 作为 West 的宽度。这是错误的——作者可能认为他使用的是 PX，但他使用的是 EM。因此，如果缩小，您会看到中心位于最右侧。

您检查过您使用的是标准模式吗？这是 DockLayoutPanel 所必需的。

此外，忘记提及在入口点类中添加 DockLayout 时应该使用 RootLayoutPanel - 不要使用 RootPanel。