1

以下のリソースに基づいています。

http://www.gwtproject.org/doc/latest/DevGuideClientBundle.html

ClientBundle イメージを背景イメージとして使用する

<g:Image>UIBinder テンプレートにGWT 画像リソースを正常に実装しました。

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

ただし、画像を a の子要素として追加しようとしています<g:MenuItem>。これは、GWT では純粋な HTML 要素のみを子として持つことができます。

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

画像は、サブメニューがアクティブになると変化する小さなウィジェット用です。

私の目標は、ClientBundle を介してすべてのリソースを処理し、WAR ディレクトリに何も置かないようにすることです。

<img>純粋な HTML画像の ClientBundle リソースを参照できますか?

代わりに、プログラムや CSS イメージ スプライトを使用してこれを行う必要がありますか?

4

1 に答える 1

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

DataResource安全を期すために、ではなく を使用する必要があることに注意してくださいImageResource。技術的には、ImageResourceは他の画像とバンドルされ、より大きな「分割された」画像の 1 つの領域のみを表すことができるためです (その場合、 はImageResourceのインスタンスになりますがImageResourcePrototype.Bundle、 UiBinder 内で確認することはできません)。

于 2014-07-17T09:51:46.270 に答える