微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

GWT布局面板与CSS布局

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

GWT

GWT 2.0有一些奇怪的布局面板,但为了让他们正确调整大小,你真的需要从根面板下面构建整个面板包含树.这是一个全然或没有的事情,似乎.

CSS

您也可以使用CSS来布局应用程序,而且我也倾向于仅仅为了证明我购买几本推荐“语义标记”福音书的书籍.缺点可能是跨浏览器的不兼容性,我的流行程度我还没有确定.

哪种方式去?

你有什么意见?跨浏览器问题是否足够糟糕,足够流行,以保证我的CSS书籍翻滚,并使用GWT布局面板进行构建?

解决方法

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

新的UI Binder&声明式UI模式实际上鼓励您编写HTML和CSS.它更容易为设计师,并使您的代码可维护.您可能想要阅读GWT HTML layout conventions on SO – 它解释了如何混合Widgets和plain-html / css以获得两个世界的优势.

UI Binder可以使用< ui:style&gt使用< ui:style>可以生成特定于该文件的CSS. GWT会自动模糊和优化您的CSS.另外,如果您错误地使用css类名称,那么它会给您一个编译时错误(这是非常好的),而不是在页面部署时找到它.

在< ui:style>内,您可以放置​​任何有效的CSS. UIBinder还具有包含全局样式表的方法.此外,CSS中的背景图像可以自动合并为精灵/数据:用于表现的uris.

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

此外,我建议您使用MVP pattern设计您的GWT应用程序.有几篇很好的文章,GWT Contacts Sample应用程序是学习它的好方法.

原文地址:https://www.jb51.cc/css/214320.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。