java - GWT - 如何在 ScrollPanel 中居中内容

Question

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

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

所以我的问题是：

1.如何在滚动面板中居中。如果您知道如何实现这一点，我不介意使用 css 方法。

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

Answer 1

我必须在水平滚动面板中居中图像。有时我只有一个图像，有时有一个图像列表要居中显示。我已经固定了 GWT 图像对象的大小和滚动面板的宽度。

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

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

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

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