gwt - GWT 中的客户端包和 Css 资源

Question

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

Answer 1

开始了..

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

<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 利用率