使用GWT进行UI设计

Question

我正在招聘一名设计师来为我的Web应用程序构建用户界面。然而，我完全不知道如何将他提供的设计与GWT Web应用程序集成。

在GWT中有很多构建UI的方式。我相信对于这种情况，最好的选择是使用UI binder，在其中可以使用HTML来构建页面。然而，GWT小部件（如文本框、下拉列表、按钮等）具有自己的CSS，与页面不同。因此，我认为这种集成有点困难。

我的想法正确吗？有没有适当的方法来解决这个问题（比如创建一个GWT主题）？我应该雇佣某人来完成这个集成吗？如果是的话，我需要寻找什么样的专业人员？

- João Daniel

Answer 1

我曾经在工作中遇到过类似的情况。如果您使用ui:Binder，您的网页设计师可以使用他们已经了解的HTML和CSS语言来开发大部分用户界面。可能需要一些整合工作，但大部分应用程序的用户界面可以以传统的声明性方式构建。

请注意，这里有一些烦恼。对于某些组件，使用GWT小部件比纯HTML元素更容易。然而，GWT有时会将其转换为奇怪的HTML，因此需要一些时间让设计师学习GWT如何显示小部件并相应地修改样式表。

- Oleksi

---

你们俩都需要熟悉Ui:Binder。它是一个很棒的功能。仔细阅读文档，因为在集成UiBinder时可以做一些很酷的事情。[UiBinder]（http://code.google.com/webtoolkit/doc/latest/DevGuideUiBinder.html）。请注意[编程访问]（http://code.google.com/webtoolkit/doc/latest/DevGuideUiBinder.html#Programmatic_access）和外部资源部分。 - Ashton Thomas

我和丹（设计）花了大约一个月的时间才能在UiBinder上达到我们双方都感到舒适的地步，但现在它真的很值得。从非UiBinder转换到UiBinder在某些情况下是艰难的，特别是在需要CssResource注入和组合的情况下，但最终也是值得的。 - Riley Lark

正是 GWT 小部件让我担心！我不认为我会使用复杂的 GWT 小部件，但可能会使用 GWT 文本框、下拉菜单、滑块和按钮。当设计师制作 UI 时，他将更改这些小部件的外观。我需要将这个新外观嵌入到我的应用程序小部件中。这很容易吗？还是需要更改那些 .GWT-nameOfTheComponent 样式？ - João Daniel

这真的并不是“那么”复杂。您的设计师只需要学习HTML中的小部件长什么样，并修改CSS以适应它。这可能不需要进行大规模更改，也不会是一个巨大的挑战。 - Oleksi

Answer 2

您可以在uibinder中覆盖任何gwt样式名称。此外，如果您想以这种方式执行操作，则可以在css中覆盖一些gwt样式列表。当然，对于任何没有代码交互的内容，您都不必为其创建gwt小部件，这只留下了uibinder内部的纯html和样式。 Uibinder旨在处理您正在尝试设置的确切任务分配。

- Deanna