Question

所以我使用的是Dock布局面板。在北方，我有一个标题，菜单栏和中心有一张桌子。我的问题是，当标题变长并包装文本时，它会将菜单栏向下推，而您又无法再看到它。这是因为您必须为除中心以外的所有面板设置固定大小。

我考虑将它全部移动到中心面板，但问题是当我的桌子变大并且出现滚动条时我想要总是看到标题和菜单栏，即使在桌面上滚动。所以我不能把所有东西放在滚动面板中。

如何创建满足这些要求的布局： 1.始终看到标题和菜单栏 2.可滚动表格 3.当窗口调整大小并且标题中的文本换行时，它会正确调整整个大小。

现在是布局：

<g:DockLayoutPanel >
        <g:north size="80">
            <g:VerticalPanel width="100%">
                    <g:HorizontalPanel width="100%">
                        <g:HTML ui:field="title" styleName="{style.title}"></g:HTML>
                    </g:HorizontalPanel>
                    <g:HorizontalPanel styleName="{style.infoBar}" width="100%">
                        <g:MenuBar animationEnabled="true" styleName="{res.css.menuBar}" focusOnHoverEnabled="false" ui:field="menuBar"></g:MenuBar>
                    </g:HorizontalPanel>
                </g:VerticalPanel>
            </g:north>
            <g:center>
                <g:ScrollPanel>
                    <g:SimplePanel ui:field="content" styleName="{style.content}">Table or tree goes here
                    </g:SimplePanel>
                </g:ScrollPanel>
            </g:center>
            <g:south size="20">
                <g:VerticalPanel styleName="{style.footerPanel}">
                    <g:HTML ui:field="messageBar">Fotter text here</g:HTML>
                </g:VerticalPanel>
            </g:south>
        </g:DockLayoutPanel>

Answer 1

您是否尝试过使用两个DockLayoutPanel？

第一个在中心区域有标题，在南边有另一个DockLayoutPanel，北面有菜单，中间有桌子吗？

Answer 2

如果标题和菜单可能会显示在彼此之下，您可以将标题和菜单放在单独的北面板中（实际上可以正常工作）。

这样你至少可以确保显示菜单。

DockLayoutPanel与文本换行有关

2 个答案: