根据内容自动调整选项卡面板的大小

Question

你好我已经实现了类似

的东西

private VerticalPanel resultPanel;
private TabLayoutPanel tabPanel = new TabLayoutPanel(2.5, Unit.EM);
ResizeLayoutPanel resizePanel = new ResizeLayoutPanel();

myMethod(){
    resizePanel.setWidth("100%");
    resizePanel.setHeight("415px");
    resizePanel.setWidget(tabPanel);

    resultPanel = new VerticalPanel();
    resultPanel.setWidth("100%");
        resultPanel.add(resizePanel);



        tabPanel.add(myVerticalPanel, tabHeader);
}

所以myVerticalPanel是高度稍大的实际内容。由于resizePanel高度设置为415px，因此其余内容将被隐藏。

我正在寻找两件事要做： 1.如果有更大的屏幕可用，请增加tabPanel区域以自动显示更多内容 2.如果屏幕较小，则滚动显示以查看其余内容

请告知

Answer 1

您可以尝试将TabLayoutPanel替换为HeaderPanel：

  

包含标题（顶部），页脚（底部）和内容的面板   （中）区。页眉和页脚区域自然调整大小。该   内容区域分配了所有剩余空间   页眉和页脚区域。

或者，您可以覆盖onResize()方法ResizeLayoutPanel计算嵌入内容的高度并设置适当的高度。

如果您想要滚动功能，则必须将VerticalPanel嵌入ScrollPanel或使用CSS设置oferflow属性。