GWT ScrollPanel 没有固定单位，大小问题答案

【问题标题】：GWT ScrollPanel without fixed units, size issueGWT ScrollPanel 没有固定单位，大小问题
【发布时间】：2013-04-02 10:48:57
【问题描述】：

我的 ScrollPanel 有问题... 我尝试使用它，但它并没有填满所有空间：

scrollPanel.setSize("100%","100%");

我读到应该给 ScrollPanel 一个固定的高度，但这不能满足我的要求！

我有一个 HorizontalPanel，当我使用 setSize("100%","100%");空间已填满，但是当我将水平面板放入 ScrollPanel 时，我遇到了这个问题。

有人对此有解决方案吗？

【问题讨论】：

你想完成什么？因为创建滚动面板并将其设置为 100% 是没有意义的。 scrollpanel 的目的是提供一个将其内容包装到可滚动区域中的 penel。
所以我有了这个 TabLayoutPanel，所有的应用程序都在里面。我在使用 HorizontalPanel 时做得很好，但是当我调整浏览器的大小时，没有滚动条，而且它不再可访问。所以我想把 HorizontalPanel 的所有内容放在一个 ScrollPanel 中，它将填充所有空间（在那个选项卡中），就像 HorizontalPanel 所做的那样。我希望我让它更清楚一点。
没错！它说应该使用绝对 CSS 单位来完成。我的问题是有什么办法让它填满所有的空间吗？因为您知道在我的情况下使用绝对单位作为滚动面板根本不是一个好的解决方案......
你可以计算可用空间 Window.getClientHeight() 和 Window.getClientWidth()
是否可以获得父窗口的大小而不是所有窗口的大小？

【解决方案1】：

根据文档http://goo.gl/V31VB，您应该使用 CSS 单位而不是百分比。

您可以使用 Window.getClientHeight()/Window.getClientWidth() 来计算高度/宽度。

【讨论】：

【解决方案2】：

如果滚动面板没有被另一个面板包围并且你提到它的height 到100%，它会占用0px 的高度。如果通向滚动面板的整个层次结构都是layout panels，那么将height 设置为100% 会起作用，否则您应该重新设计逻辑。

【讨论】：

感谢您的回答。我使用的是 100%/100% 的 TabLayoutPanel，我想做的事情很简单：我有一个 TabLayoutPanel，我想制作 ONE 里面的所有内容滚动面板中的选项卡。但它所占用的元素的大小正是滚动面板（我想让它填满该选项卡的整个空间）。当我使用不带滚动面板的 HorizontalPanel 时，空间被填充（100%/100%），但是当我将内部的东西放在滚动面板中时，它会调整大小。我刚开始使用 GWT，所以放轻松。
如果将ScrollPanel 放在HorizontalPanel 中会发生什么？
@enrybo ：这是一个糟糕的设计。您不应混淆布局面板和非布局面板。如果您这样做，则滚动面板内的小部件不会在浏览器调整大小时按预期调整大小，或者将宽度和高度设置为 100% 可能没有任何效果。这是我自己的经验
@HassenCh.: 你确定你不是在搞乱布局而不是布局面板吗？
我正在混合东西，我开始松动它......这是另一个问题：我有一个对话框，里面有一个 TabLayoutPanel，如何将 tabLayoutPanel 的大小调整为其组件的大小？（DialogBox-->VerticalPanal-->TabLayoutPanel--> CaptionPanel-->Grid (with stuf) --> CaptionPanel-->Grid (with stuf) -->Grid 我已将 DialogBox 的宽度设置为“自动”（它没有像我写的那样格式化..