0 
<g:Image ui:field="myImage" url="/images/icon/close.png" />

此代码工作正常，但以下将不起作用

.myCss { background: url(/images/icon/close.png);}

我问这个问题是因为这个问题。让您需要在 10 个演示者中使用关闭图标。当用户将鼠标悬停在此图标上时，它将调用 closeHover.png。因此，如果我们在 TestView.java 中设置 url，那么我们必须为另外 10 个视图执行此操作。但是如果我们将Url设置为Css，我们就不需要编码10次了吗？

我们可以在 Css 中而不是在 Gwt UiBinder 中的 View.java 中为 g:Image 设置 Url 吗？

4

2 回答 2

0

尝试ui:image使用@url.

首先，将图像移动到 uiBinder 类的同一个包中，而不是使用war/images/icon文件夹。

然后使用以下代码：

<ui:image field="myIcon" src="close.png" />

<ui:style>
@url myIconRef myIcon;
.myCss { background: myIconRef;}
</ui:style>

如果你想把图像放在另一个包里，没问题。您可以使用相对路径来引用它，例如：

<ui:image field="myIcon" src="../images/icon/close.png" />
于 2014-07-16T15:02:05.260 回答
0

简而言之，是的，你可以。只需给它一个常规的 CSS 类，而不是一个ui:style名称，这样它就不会被混淆。

但是你为什么要使用 a<g:Image>呢？为什么不是 Button 或 div（HTML 或 Label）？

于 2013-09-22T19:23:23.123 回答