创建一个流体小组应用程序填补的页面?

StackOverflow https://stackoverflow.com/questions/86901

  •  01-07-2019
  •  | 
  •  

题

我会像一个小组在应用程序，以填补页，而不必实际设置的大小。有没有办法做到这一点？目前，我有如下:

public class Main  implements EntryPoint
{
    public void onModuleLoad()
    {
        HorizontalSplitPanel split = new HorizontalSplitPanel();
        //split.setSize("250px", "500px");
        split.setSplitPosition("30%");

        DecoratorPanel dp = new DecoratorPanel();
        dp.setWidget(split);

        RootPanel.get().add(dp);
    }

}

与前一段代码，什么都没有显示出来。是否有一个方法叫我失踪了？

谢谢。

更新月17'08在20:15

我把一些按钮(明确定它们的大小)的每一侧，仍然没有工作。我真的很惊讶没有像一个FillLayout类或setFillLayout方法或setDockStyle(DockStyle.填满)或类似的东西。也许这是不可能的？但是对于作为受欢迎的应用程序是，我认为这将是可能的。

更新月18'08在14:38

我曾试图设置的RootPanel宽和高到100%，仍然没有工作。谢谢你的建议，不过，这似乎是它可能是去工作。任何其他建议吗?

有帮助吗？

解决方案

谷歌已经回答的主要部分的你的问题在他们的一个常见问题：http://code.google.com/webtoolkit/doc/1.6/FAQ_UI.html#How_do_I_create_an_app_that_fills_the_page_vertically_when_the_b

主要的一点是，你不能设置高100%，你必须做这样的事情：

final VerticalPanel vp = new VerticalPanel();
vp.add(mainPanel);
vp.setWidth("100%");
vp.setHeight(Window.getClientHeight() + "px");
Window.addResizeHandler(new ResizeHandler() {

  public void onResize(ResizeEvent event) {
    int height = event.getHeight();
    vp.setHeight(height + "px");
  }
});
RootPanel.get().add(vp);

其他提示

Ben的答案是非常好，但是也出的日期。一个大小调整处理程序是必要的，在应用程序1.6，但我们正在2.4现在。你可以使用 DockLayoutPanel 有你的内容填补的页面垂直。看看 样子邮件的应用程序, 使用此小组。

我想你会需要把东西放在左边和/或权利的分割(割。setLeftWidget(件),分裂。setRightWidget(件)或分裂。添加(件)，这将增加首先向左，再向右)，以便为什么要显示出来。

试图设置的宽度和/或高度rootpanel％至100％之前加入你的部件。

板的自动调整，以最小的可见的宽度。所以你必须调整大小的每一个小组添加到RootPanel到100%，包括你的SplitPanel.该RootPanel本身不需要调整。所以尝试：

split.setWidth("100%");
split.setHeight("100%");

该文件 DecoratorPanel 说：

如果你设置宽度或高度的DecoratorPanel，需要设置高度和宽度的middleCenter元至100%这样的middleCenter细胞占用所有可用的空间。如果您没有设置的宽度和高度DecoratorPanel，它将包其内容的严密。

问题是，DecoratorPanel middleCenter元将填补紧在你的内容作为默认，SplitPanel不允许"的100％"风格的大小设置。做你想要什么，设定表的格适当，在你的CSS:

.应用程序-DecoratorPanel.middleCenter{ 高度：100%;宽度：100%;}

对我来说这不会工作如果我只是设置宽喜欢

小组。setWidth("100%");

该小组是一个VerticalPanel，它只是得到了一个随机的尺寸，我不知道从哪里来的。但是什么@本Bederson评论工作很好为我之后我加入的线：

小组。setWidth(窗口。getClientWidth()+"px");

就此，没有别的。感谢

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top