java - GWT CSS、布局和布局面板？

Question

我正在尝试构建一个外观漂亮的 GWT 面板(我的第一个面板)，但一直在尝试决定如何处理其布局。

根据Layout Javadoc :

Helper class for laying out a container element and its children.

还有 LayoutPanel Javadoc :

A panel that lays its children out in arbitrary layers using the Layout class.

看来你可以:

• 扩展一个ComplexPanel并使用一个Layout来管理它的布局；或
• 使用似乎内置此功能的 LayoutPanel；或
• 只需将元素添加到 HTMLPanel 并使用 CSS 执行所有定位/布局

我不是 100% 确定，但这感觉就像您有这些选项(可能还有其他选项)，因为它们在不同情况下相互提供优势，或者因为 GWT API 发生了很大变化并且更新的布局方法已经出现随着时间的推移添加。

如果是前者，那么安全性和性能是我唯一的优先事项，所以我问:是否有一种方法比其他方法更高效和/或更安全？如果是后者，那么 GWT 最新且最受鼓励的方法是哪种？在我看来，最大的控制是将所有内容留给 CSS，根本不使用 Layout/LayoutPanel!

Answer 1

LayoutPanel 使用绝对定位，它还为其子项提供大小。我喜欢将它用于最外层的布局容器，因为它会占据整个浏览器窗口并在调整浏览器窗口大小时调整其子项的大小。

对于内部小部件(例如菜单、主区域)，许多人喜欢使用 VerticalPanel 和 Horizo​​ntalPanel(甚至 LayoutPanel)，因为它们很简单。我避免使用这些面板，因为它们提供了严格的、基于表格的布局。我更喜欢使用 HTMLPanel 或 FlowPanel，并通过 CSS 实现所需的布局。

请注意，在讨论不同面板的优缺点时，我不会使用“旧”或"new"属性。它们都转换成标准的 HTML。如果您对 CSS 感到满意(很多开发人员不满意)，那么您应该尽可能多地使用 CSS，因为这是浏览器经过优化的目的，并且因为您可以构建更流畅、一致和面向 future 的(即更容易改变)布局。