0

根据https://developers.google.com/web-toolkit/doc/latest/DevGuideUiPanels#Standards我不打算使用 DockPanel、VerticalPanel、Horizo​​ntalPanel。但这些是唯一支持 hasverticalalignment 和 hashorizo​​ntalalignment 的面板。如果我想符合标准模式，我应该如何对齐小部件？或者我应该使用 VericalPanel 和 Horizo​​ntalPanel 将项目保持在当前形式，并忽略 eclipse 给我的警告：

[INFO] [project] - GWT 不再支持 Quirks 模式 (document.compatMode='BackCompat')。
确保您的应用程序的宿主 HTML 页面具有标准模式 (document.compatMode='CSS1Compat') doctype，
例如，通过在应用程序的 HTML 页面的开头使用 <!doctype html>。

要继续使用此不受支持的呈现模式和风险布局问题，请通过将以下行添加
到您的 *.gwt.xml 模块文件来禁止显示此消息：
  <extend-configuration-property name="document.compatMode" value="BackCompat"/>

PS：我在 uibinder 工作

4

1 回答 1

0

大多数 UI 专家认为使用表格进行布局是一种不好的做法。这些布局是死板的——它们不能很好地适应内容的大小。

您可以在不使用这些面板的情况下构建您想要的任何布局。水平对齐是最简单的一种：您只需将 CSS 规则“text-align: center”（左、右）添加到父窗口小部件。对于更有趣的效果，您可以使用“float:left”或“float:right”。在极少数情况下，您可能想要使用绝对定位（“position: absolute”、“left: 20px”；“top: 20px”）。

垂直对齐有点棘手，但通常您希望您的内容从上到下流动。您可以通过使用顶部和底部边距或设置行高来管理垂直定位。

您可以在 Internet 上找到许多有关构建流畅布局的重要资源。大多数建议的 html 和 CSS 解决方案都可以与 GWT 一起使用，而 Ui:Binder 是一种非常方便的方式。您还可以在 StackOverflow 中搜索您遇到的任何问题的布局解决方案。

于 2012-09-16T21:55:07.240 回答