私はGWTが初めてで、ドキュメントに従ってUIBindersを操作しようとしています。
以下の情報源などから、このトピックについて見つけたすべてのものをフォローしたと思います。
http://www.gwtproject.org/doc/latest/DevGuideClientBundle.html#ImageResource
http://www.gwtproject.org/doc/latest/DevGuideUiBinder.html#Using_an_external_resource
GWT UiBinder と画像スプライト
ImageResource から Image に変換できないというエラーが表示され、このエラーが他に見つかりません。
私がやったこと:
画像を見ることができるクライアントバンドルを作りました。
イメージを Java ファイルにバインドします。
クライアント バンドル リソースを UiBinder にインポートしました。
考え:
これは、UiBinders に画像を配置するための最も簡単で推奨される方法ですか?
CSS または Java クラスを介して行う必要がありますか?
[ERROR] [ideaburger] - Errors in 'generated://D3BBFDA474FCF1195FACA7F6BC58EB44/com/IdeaBurger/client/SiteHeader_SiteHeaderUiBinderImpl.java'
[ERROR] [ideaburger] - Line 115: Type mismatch: cannot convert from ImageResource to Image
[INFO] [ideaburger] - See snapshot: /tmp/com.IdeaBurger.client.SiteHeader_SiteHeaderUiBinderImpl4360657308873324011.java
これが私が持っているものです。
SiteHeader.ui.xml
<!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent">
<ui:UiBinder xmlns:ui="urn:ui:com.google.gwt.uibinder" xmlns:g="urn:import:com.google.gwt.user.client.ui">
<ui:with field='res' type='com.IdeaBurger.assets.Images'/>
<ui:style>
</ui:style>
<ui:Image field="logoImage" resource='{res.logo}' />
<g:HTMLPanel>
<g:HorizontalPanel>
<g:cell>
<g:Label>One</g:Label>
</g:cell>
</g:HorizontalPanel>
</g:HTMLPanel>
</ui:UiBinder>
SiteHeader.java
package com.IdeaBurger.client;
import com.IdeaBurger.assets.Images;
import com.google.gwt.core.client.GWT;
import com.google.gwt.uibinder.client.UiBinder;
import com.google.gwt.uibinder.client.UiField;
import com.google.gwt.user.client.ui.Composite;
import com.google.gwt.user.client.ui.Image;
import com.google.gwt.user.client.ui.Widget;
public class SiteHeader extends Composite {
private static SiteHeaderUiBinder uiBinder = GWT
.create(SiteHeaderUiBinder.class);
@UiField Images res;
@UiField Image logoImage;
interface SiteHeaderUiBinder extends UiBinder<Widget, SiteHeader> {
}
public SiteHeader() {
initWidget(uiBinder.createAndBindUi(this));
}
}
私のクライアントバンドル、
Images.java
package com.IdeaBurger.assets;
import com.google.gwt.resources.client.ClientBundle;
import com.google.gwt.resources.client.ImageResource;
public interface Images extends ClientBundle {
@Source("logo.png")
ImageResource logo();
}
ありがとう