gwt - 如何在具有相同高度的两个面板上拆分

Question

你能告诉我如何使用 SplitLayoutPanel 和 UI builder 将页面拆分为两个部分吗？我想要水平线来调整两个面板的大小。

我试过了

<g:SplitLayoutPanel ui:field="main">
    <g:north size="50" unit="PCT">
        ...
    </g:north>
    <g:south size="50" unit="PCT">
        ...
    </g:south>
</g:SplitLayoutPanel>

但我有两条线。

Answer 1

尝试<g:center>两个面板之一。

并在每个部分中指定单位<g:SplitLayoutPanel unit="PCT">（这会强制您对所有部分使用相同的单位）。

---

如果使用 N 和 S，它将使用剩余空间放置 N、S 和一个中心（它没有意识到 50% + 50% 占用了所有可用空间）。

如果你使用 N 和中心，它会说：使用 50% 为北，其余 (50%) 为中心。