Java GWT DockLayoutPanel子窗口小部件大小

我创建一个小部件并将其添加到DockLayoutPanel，如下所示：

DockLayoutPanel dockPanel = new DockLayoutPanel(Unit.PCT);  
dockPanel.addNorth(widget, size);

尺寸参数决定了什么

使用CSS参数left、top、width、height、right和bottom来确定子对象的大小（在基于子部分约束的布局中）

从逻辑上讲，传递值100（单位%）作为大小将使小部件填充其容器，因为它表示单个维度

我只是想得到一个布局，其中北部小部件的高度为100px，宽度为100%，东部和西部的高度为100%，宽度为25%，而中心占据剩余空间。我用vanilla DockPanel实现了这一点，但UI在窗口大小变化等方面不够健壮

我希望您能解释一下DockLayoutPanel的大小，或者提供一些有用的提示。提前谢谢

---

注意：我对使用UI活页夹不感兴趣，因为我已经创建了应用程序，这个过程是维护工作。

对于北部和南部子面板，

大小

参数决定其高度，宽度隐式为100%。对于东部和西部子面板，参数确定其宽度，高度隐式为100%。

对于北部和南部子面板，参数

大小

确定其高度，宽度隐式为100%。对于east和west子面板，参数确定其宽度，高度隐式为100%。

DockLayoutPanel以一种方式（CM、PCT、PX）支持尺寸。但是你在混合大小。对于一个孩子，你想要在PX中。对于其他你想要的百分比。我认为这是不可能的。但你是说你能够实现这个布局。请张贴你开发的代码。另外，确保您使用的是标准模式和显式模式。并确保您使用的是RootLayoutPanel，这是在浏览器调整大小时调整布局面板大小所必需的。我开发的代码使用DockPanel，您不必在构造函数中指定大小单位。我已经说明了所需的配置和使用RootLayoutPanel。DockLayoutPanel以其中一种方式（CM、PCT、PX）支持大小。但是你在混合大小。对于一个孩子，你想要在PX中。对于其他你想要的百分比。我认为这是不可能的。但你是说你能够实现这个布局。请张贴你开发的代码。另外，确保您使用的是标准模式和显式模式。并确保您使用的是RootLayoutPanel，这是在浏览器调整大小时调整布局面板大小所必需的。我开发的代码使用DockPanel，您不必在构造函数中指定大小单位。我已经说明了所需的和使用RootLayoutPanel。比我想象的更简单！我的主要目的是在应用程序顶部创建一个“标题”栏。通过将实际的复合小部件（由DockLayoutPanel及其子面板中的一些小部件组成）压缩到100像素的高度，整个“标题”将具有恒定的高度。然后，我可以应用您的建议，使用百分比相应地调整子面板的大小。瞧，横轴上的动态尺寸，我想要的。比我想象的更直接！我的主要目的是在应用程序顶部创建一个“标题”栏。通过将实际的复合小部件（由DockLayoutPanel及其子面板中的一些小部件组成）压缩到100像素的高度，整个“标题”将具有恒定的高度。然后，我可以应用您的建议，使用百分比相应地调整子面板的大小。瞧，水平轴上的动态尺寸，我想要的。