GWT - css 中常量的问题

Question

我是 GWT 新手；我正在构建一个小型示例应用程序。我有几个 CSS 文件。我能够成功使用 ClientBundle 和 CssResource 将样式分配给 UiBinder 脚本中定义的元素。

现在我想更进一步，使用 @def css-rule 引入 CSS 常量。当我定义一个常量并在同一个 CSS 文件中使用它时，@def 效果很好。但是我不能在另一个 CSS 文件中使用它。当我尝试使用 @eval 规则来评估现有常量时，编译器会抛出一个异常：“无法对非静态方法进行静态引用”。

这是我想做的一个例子：

ConstantStyle.css

@def BACKGROUND red;

ConstantStyle.java

package abc;
import ...;
interface ConstantStyle extends cssResource {
         String BACKGROUND();
}

MyStyle.css

@eval BACKGROUND abc.ConstantStyle.BACKGROUND();
.myClass {background-color: BACKGROUND;}

MyStyle.java

package abc;
import ...;
interface ConstantStyle extends cssResource {
         String myClass;
}

MyResources.java

package abc;
import ...;
interface MyResources extends ClientBundle {
    @Source("ConstantStyle.css")
     ConstantStyle constantStyle();

    @Source("MyStyle.css")
    MyStyle myStyle();
}

提前致谢！

Answer 1

将 "ConstantStyle.css" 添加到 ClientBundle 中的 @Source 注释中，如下所示：

package abc;
import ...;
interface MyResources extends ClientBundle {
    @Source("ConstantStyle.css")
     ConstantStyle constantStyle();

    @Source({"ConstantStyle.css", "MyStyle.css"})
    MyStyle myStyle();
}

它的作用与 @import "ConstantStyle 相同.css" 在 MyStyle.css 中（除了 @import 被 GWT 忽略，我相信）。

你不需要@eval。

Answer 2

我在代码中执行此操作的方法是简单地引用 MyStyle.css 中的常量，即：

.myClass {background-color: BACKGROUND;}

我不完全确定为什么会这样，可能是因为两个 CSS 文件都以正确的顺序注入。否则，我尝试在 MyStyle.css 顶部添加以下内容，它也有效：

@import url("ConstantStyle.css");