在我们的项目中，我们决定尝试使用 UIBinder 来设计 UI，而不是在 Java 中混合 GWT 小部件和逻辑来完成所有操作。我们从头开始发现它们的面板、按钮等看起来有多漂亮，这节省了大量时间，特别是在演示演示时。然而，当我们使用数字框小部件（例如 IntegerBox 或 DoubleBox）时，它们看起来不像 TextBox 那样漂亮，它们就像纯 HTML 框，因此与其他小部件相比非常难看。我们做了一些谷歌搜索，但没有找到关于这个话题的信息。
有什么技巧可以实现这一点，将 GWT 本机数字框与 UIBinder 一起使用并以漂亮的样式显示吗？或者也许我们应该只使用 TextBoxes 来处理所有事情，并为 setText-getText 编写我们自己的包装器并解析值。
这非常重要，因为我们必须在将数据发送回服务器之前使用输入数字进行客户端计算。
In our project we decided to try to design our UIs with UIBinder instead of doing everything in Java mixing GWT widgets and logic. We found out how much prettier they look panels, buttons and such from scratch, which saves a lot of time especially for presenting a demo. However, when we use number box widgets, like IntegerBox or DoubleBox, they don't appear as pretty as TextBoxes, they are like plain HTML boxes, thus quite ugly in contrast with the rest of the widgets. We did some Google search but nothing came up about this topic.
Is there any trick to accomplish this, to use GWT native number boxes with UIBinder and to appear in the pretty style? Or maybe we should just use TextBoxes for everything and write our own wrappers for setText-getText and parse the values.
This is really important as we have to make client-side calculations with input numbers before sending data back to the server.
发布评论
评论（1）
UIBinder 不以任何方式负责看起来“漂亮”的东西，它只生成 Java 代码，与您之前手动编码的代码相同。如果事情看起来“更漂亮”，很可能是因为您在 gwt.xml 中
但与 TextBox 相反，IntegerBox 和 DoubleBox 没有关联的硬编码样式名称。如果您想让它们的样式与每个 TextBox 相同，则可以简单地为它们添加样式名称（“gwt-TextBox”）（TextBox 小部件的硬编码样式名称），或者在您的ui.xml: （注意这里的复数；这在 UIObject 的 javadoc 中有记录）。
UIBinder is not in any way responsible for things looking "pretty", it only generates Java code, the same kind of code that you were coding by hand previously. If things look "prettier", it's likely because you
<inherits>-ed a theme in your gwt.xml.Contrary to TextBox though, IntegerBox and DoubleBox don't have an associated hard-coded style name. If you want to have them style the same as every TextBox, you can then simply
addStyleName("gwt-TextBox")to them (the hard-coded style name of the TextBox widget), or in your ui.xml:<g:IntegerBox addStyleNames="gwt-TextBox" …(note the plural here; this is documented in UIObject's javadoc).