java - GWT - 如何将 ScrollPanel 中的内容居中

Question

我在 ScrollPanel 中有一个 FormPanel。 ScrollPanel 位于DockLayoutPanel 的中心部分。我想将 FormPanel 在 ScrollPanel 内垂直和水平居中。我尝试了几种方法来做到这一点，但没有成功。

我已经厌倦了在滚动面板中放置verticalPanel/horizo​​ntalPanel，并用它来包装formPanel。我将滚动面板和水平面板都设置为 100% 宽度和高度。但是，滚动面板会根据 DockLayoutPanel 中心部分的大小自动调整大小，而水平面板的大小始终等于其子窗体面板的大小。因此，我无法将 formpanel 置于horizo​​ntalPanel 内部的中心，因为它们的高度和宽度相同。我尝试使horizo​​ntalPanel 的大小始终与scrollPanel 相同，但我不知道如何做到这一点。将 Horizo​​ntalPanel 的大小设置为 100% 不起作用。

所以我的问题是这样的:

1.如何将scrollPanel中的某些内容居中。如果你知道如何实现这一点，我不介意使用 css 方法。

2.在我上面的例子中，是否可以使horizo​​ntalPanel始终与其父容器-滚动面板的大小相同。如果可能的话，我的第一个问题就解决了。

Answer 1

我必须将图像置于水平滚动面板的中心。有时我只有一张图像，有时有一系列图像需要居中和显示。我已经修复了 GWT 图像对象的大小和滚动面板的宽度。

我计算了滚动位置以使所有项目居中，并使用设置滚动位置(位置可以是 -ve 或 +ve 值)。

当用户滚动项目时，我会尊重用户的决定并相应地滚动它们。但是，如果用户滚动到最左边的最右边，我将确保重新调整滚动位置以滚动回到边界并且不超过它。

当页面通过滚动面板刷新时，项目会自动居中。

简而言之，您需要以编程方式将项目居中，并且默认情况下滚动面板会将项目保留在一侧(左侧和顶部)。