Question

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

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

尺寸参数决定什么？

Google says使用CSS参数left，top，width，height，right和bottom来确定子项的大小（在基于Constraint的布局小节）。

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

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

我很感激DockLayoutPanel大小的解释或任何有用的指针。提前谢谢。

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

Answer 1

对于北部和南部子面板，size参数确定其高度，宽度隐式为100％。对于东西方子面板，参数确定其宽度，高度隐含为100％。