GWT：如何正确设置 StackLayoutPanel 的高度？

Question

我正在使用 GWT 2.4。我想使用 StackLayoutPanel 小部件构建内容部分。但是，我无法垂直调整小部件的大小以占用尽可能多的空间。我发现

    p.setHeight("100%");

实际上并没有做任何事情。有没有人有任何建议来计算 StackLayoutPanel 的适当高度，以便它占用尽可能多的空间，而不是更多？这是我正在使用的代码...

    final StackLayoutPanel p = new StackLayoutPanel(Unit.EM);
    p.setHeight("100%");
    int i=0;
    for (final Node node : nodes) { 
        if (node != null) { 
            final Widget childWidget = getWidget(node.getChildren());
            if (childWidget != null) { 
                final String sectionTitle = node.getAttributes().get(NAME_ATTR) != null ? node.getAttributes().get(NAME_ATTR).getValue() : "Section " + (i+1);
                p.add(childWidget, sectionTitle, 2);
            }   // if
        }   // if
        i++;
    }   // for
    return p;

这是最终调用 StackLayoutPanel 的代码。请注意，父窗口小部件“ScrollPanel”设置了 height="100%"，但这不会导致 StacklayoutPanel 填充其所有空间。

            final ScrollPanel childpanel = new ScrollPanel();
            childpanel.setHeight("100%");
            // Below, a StackLayoutPanel is returned as the child widget
            final Widget childWidget = xmlToHtmlService.getWidget(tabNode.getChildren());
            childpanel.add(childWidget);

谢谢， -

Answer 1

调整任何类型的 LayoutPanel 大小的最佳方法是将其添加到另一个 LayoutPanel 并从父面板设置其大小。直接设置大小永远不会像我想要的那样有效。

这是与其他 GWT 小部件完全不同的设置，其他小部件只想添加和调整大小。您可以访问 http://code.google.com/webtoolkit 了解相关内容/doc/latest/DevGuideUiPanels.html#LayoutPanels 。

关于 LayoutPanel 有很多东西需要学习。不过，一旦正确设置它们，它们的使用就非常自然，并且您可以使用它们进行许多精确布局。