GWT 中的客户端包和 Css 资源答案

【问题标题】：Client bundle and Css resource in GWTGWT 中的客户端包和 Css 资源
【发布时间】：2014-06-09 07:02:13
【问题描述】：

谁能深入解释一下 CSS 资源、Client Bundle 和 UI binder 的协作是如何工作的？我浏览了 GWT 文档，但不清楚这个 CSS 资源以及接口是如何生成的。一步一步的解释会有所帮助。谢谢！。

【问题讨论】：

标签： gwt uibinder clientbundle cssresource

【解决方案1】：

我们开始..

1.在 gwt.xml 中定义资源的使用：

<inherits name="com.google.gwt.resources.Resources" />

2。创建您自己的扩展 CientBundle 的 Resources 类：

public interface MyResources extends ClientBundle {
  public static final MyResources INSTANCE =  GWT.create(MyResources.class);

  @Source("my.css")
  public CssResource css();
}

3.以下是在您的 java 类文件中利用 css 中描述的 css 模式。

{MyResources.INSTANCE.css().ensureInjected();

  // Display the manual file in an iframe
  new Frame(MyResources.INSTANCE.ownersManual().getSafeUri().asString());}

以上是使用 ClientBundle 的 CSSResources 的基本实现。您可以通过以下链接了解更多信息。ClientBundle Utilization

【讨论】：

强烈鼓励添加一个 CssResource 子类型，其中声明了实际的方法，并显示使用这些方法而不是在 Java 中使用“myClassName”。此外，您似乎忘记在包中声明 ownerManual 方法。