2012-03-02 34 views
8

我正在招聘设计师为我的web应用程序构建UI。但是,我完全失去了如何整合他将通过GWT Web应用程序提供给我的设计。GWT的UI设计

有很多方法可以在GWT中构建UI。我相信这种情况下的最佳选择是UI绑定,我可以使用HTML来构建页面。然而,像文本框,下拉,按钮等GWT小部件有自己的CSS不是页面的相同的CSS。所以我认为这种整合有点混乱。

我对这项任务的难度正确吗?有没有一个合适的方式来做到这一点(也许创建一个GWT主题)?我应该雇人来做这个整合吗?如果是的话,我在找什么样的专业人士?

回答

5

我曾经有过类似的情况。如果您使用ui:Binder,则您的网页设计师可以使用HTML和CSS(他们已知的语言)开发大部分用户界面。可能要做一点整合工作,但大多数应用程序的UI可以用传统的声明方式构建。

请注意,这里有一些烦恼。对于某些组件,使用GWT小部件比使用纯HTML元素更容易。但是,GWT有时会将其转换为奇怪的HTML,因此设计人员需要一些时间才能了解GWT如何显示小部件并相应地修改样式表。

+5

你们都需要熟悉Ui:Binder。这是一个了不起的功能。仔细阅读文档是因为您可以在集成UiBinder时做一些很酷的事情。 [UiBinder的](http://code.google.com/webtoolkit/doc/latest/DevGuideUiBinder.html)。请注意[程序访问](http://code.google.com/webtoolkit/doc/latest/DevGuideUiBinder.html#Programmatic_access)和外部资源部分 – 2012-03-02 19:31:52

+2

它花了我(代码)和丹(设计)大约一个月通过UiBinder为我们两个人打造一个舒适的地方,但现在它真的得到了回报。在某些情况下,从非uibinder转换为uibinder非常困难,特别是在需要CssResource注入和组合的情况下,但最终也是值得的。 – 2012-03-02 20:06:17

+0

这正是GWT小部件,让我担心!我不认为我会使用复杂的GWT小部件,但可能是GWT文本框,下拉列表,滑块和按钮。当设计师制作UI时,他会改变这些小部件的外观。我需要将这个新外观嵌入到我的应用程序的小部件中。这很容易吗?或者它涉及改变那些'.GWT-nameOfTheComponent'样式? – 2012-03-03 03:17:42

0

您可以覆盖uibinder中的任何gwt样式名称。另外,如果你想这样做,你可以在css中重载gwt样式列表。当然,您不必为任何没有代码交互的任何事情创建gwt小部件,这只会在uibinder中留下纯粹的html和样式。 Uibinder旨在处理您尝试设置的任务的确切分工。