gwt - UIBinder:如何为设计师构建 CSS 布局

Question

我们的 webapp 是在 GWT 2.2 中实现的，大量使用了 UIBinder。我真的很喜欢 UIBinder 定义样式的能力，无论是与 HTML 内联，还是至少在 <ui:style> 中定义样式。部分。作为一名程序员，这种模块化真的很吸引我，因为它将样式放置在使用它的地方。

对于在多个地方使用的样式，我将它们重构为 CommonStyles.css/CommonStyles.java ，并在我的 *.ui.xml 中引用文件。

到目前为止效果很好，但现在该公司已与 HTML/CSS 设计师签订契约(Contract)来重新设计。我们花了几天时间试图让他跟上 Eclipse 和 GWT 的速度，但没有取得多大成功。为了 catch 最后期限，我们最终让他向我们提供了一个老式的巨型 CSS 文件，然后我们煞费苦心地将其重构回各种 ui.xml模块。

我的问题:为 UIBinder 应用程序维护一个单一的、老式的巨型 CSS 文件是否更好，以便设计人员可以使用它？作为一名程序员，以这种方式做事让我很痛苦，但似乎这是让非程序员参与设计的唯一实用方法。

期望设计人员了解 Eclipse 或 Intellij 之类的 IDE 是否不合理？

Answer 1

从一个程序员一个设计师的公司程序员的角度来看:

我团队的设计师在我们当前的项目之前从未使用过 eclipse 或 Java。大约两个月前，我们开始大量使用 UiBinder 的东西，在我的几个小时的帮助下，他已经变得非常熟练。他现在正在自己检查完成和布局的小部件到源代码中，并具有完美的 CssResource 等模块化。我仍然为他设置了相应的.css和.java文件，但是我把设置扔给他，他自己编写了90%的ui.xml和.css位，然后我回来用java实现他的ui .有时我必须更改 <div>到 <g:Panel>管他呢。他没有提示它太难了。现在他开始探索 gwt 提供的对 css 的扩展，比如常量和表达式。

我想说你不应该为了你的设计师而放弃 UiBinder 的好处。在我自己的项目中，我希望必须设置所有代码并为所有 Java 接口(interface)生成模板，但我希望我的伙伴能够添加自己的样式，智能地分离 css(例如 CommonStyles.java 与ThisWidgetStyles.java)，并了解当他的样式名称变为 GVDWK 时发生了什么.