Gwt 在UIBinder的纯HTML元素中使用ClientBundle图像资源

根据下列资源：

我已在UIBinder模板中成功实现了GWT

图像资源：

<ui:with field='res' type='com._.client.resources.Resources'></ui:with>
<g:Image resource="{res.menuLogo}" altText="" styleName="{style.menuLogo}"/>

但是，我正在尝试将图像添加为

的子元素，在GWT中，它只能将纯HTML元素作为子元素：

<g:MenuItem>
    <img id="revealIcon" src="images/trianglebuttonWHITE-DOWN.png" width="11"/>
</g:MenuItem>

该图像用于小部件，当子菜单处于活动状态时，该小部件将发生变化

我的目标是通过ClientBundle处理所有资源，避免WAR目录中有任何资源

我可以为纯HTML

图像引用ClientBundle资源吗

我应该以编程方式和/或使用CSS图像精灵来执行此操作吗？

<img id="revealIcon" src="{res.menuLogo.getSafeUri}" width="11"/>

请注意，为了安全起见，您应该使用

DataResource

而不是

ImageResource

，因为从技术上讲，

ImageResource

可以与其他图像捆绑在一起，并且只代表较大“sprited”图像的一个区域（在这种情况下，

ImageResource

将是

ImageResourcePrototype.Bundle

的一个实例，但无法在UiBinder中检查它）