GWT DockLayoutPanel 子控件大小调整

Question

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

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

尺寸参数决定什么？

Google 表示使用CSS 参数left、top、width、height、right 和bottom 来确定子项的大小（在基于约束的布局小节中）。

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

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

我希望了解 DockLayoutPanel 大小调整的解释或任何有用的指针。提前致谢。

注意：我对使用 UI 绑定器不感兴趣，因为我已经创建了应用程序，此过程是维护工作。

Answer 1

对于北子面板和南子面板，size参数决定了它们的高度，宽度隐式为 100%。对于东子面板和西子面板，该参数确定其宽度，高度隐式为 100%。