GWT布局面板与CSS布局

Question

我读了一篇名为" Tags First GWT " 的文章,其中作者建议使用GWT进行事件处理,使用CSS进行布局.我只是不知道GWT的跨浏览器兼容性好处是否超过纯CSS布局提供的灵活性.

GWT

GWT 2.0有一些时髦的布局面板,但要让它们正确调整大小,你真的需要从根面板构建整个面板包含树.看来,这是一个全有或全无的事情.

CSS

您也可以使用CSS来布局应用程序,我倾向于这样做,只是为了证明我购买了几本宣传"语义标记"福音的书.缺点可能是跨浏览器不兼容,我尚未确定其流行程度.

哪条路？

你有什么意见？跨浏览器问题是否足够糟糕且流行程度足以保证放弃我的CSS书籍以及使用GWT布局面板构建？

Answer 1

我同意作者的建议 - 将GWT用于客户端逻辑,但仍然使用HTML和CSS进行演示.

新的UI Binder和Declarative UI模式实际上鼓励您编写HTML和CSS.它对设计人员来说更容易,并使您的代码可维护.您可能希望阅读SO上的GWT HTML布局约定 - 它解释了如何混合Widgets和plain-html/css以获得两个世界的优势.

UI Binder使用CSS很容易<ui:style>.使用<ui:style>,您可以生成特定于该文件的CSS.GWT将自动对CSS进行模糊处理和优化.另外,如果你拼写错误的css类名,它会给你一个编译时错误(这很好),而不是你在部署页面时发现它.

在其中<ui:style>,您可以放置​​任何有效的CSS.UIBinder还有办法包含全局样式表.此外,CSS中的背景图像可以自动组合成精灵/数据:uris以提高性能.

要了解更多信息,我建议您阅读UI Binder Guide,然后按照Contacts示例应用程序进行操作.这是一个很好的入门方式.

另外,我建议使用MVP模式来设计GWT应用程序.有几篇好文章,GWT Contacts Sample app是学习它的好方法.