java - GWTで画像をプリフェッチするには?

Question

次のコードを試しました：

RootPanel root = RootPanel.get("root");
root.clear();
final FlowPanel p = new FlowPanel();
root.add(p);
for (int i=0; i<20; ++i) {
    String url = "/thumb/"+i;
    final Image img = new Image(url);
    img.addLoadHandler(new LoadHandler() {
        @Override
        public void onLoad(LoadEvent event) {
        p.add(img);
    }
});
Image.prefetch(url);

しかし、それは私にはうまくいきません。私は何かを逃しましたか？

Answer 1

画像ロード ハンドラは、画像が DOM にアタッチされている場合にのみ呼び出されます。そのため、loadHandler の外側の DOM に画像を追加する必要があります。

p.add(img);
img.addLoadHandler(new LoadHandler() {
    @Override
    public void onLoad(LoadEvent event) {
        //do some stuff, image is loaded
    }
}

Answer 2

スタンの言ったことは理にかなっています。

問題は、何らかの理由で LoadHandler が呼び出されていないことだと思います。私は常に LoadHandler なしで管理してきましたが、通常は、ロードが失敗した場合にトリガーされる JavaDoc デモに従って errorHandler を追加します。これはうまくいくはずです：

final Image img = new Image();

img.addErrorHandler(new ErrorHandler() {
      public void onError(ErrorEvent event) {
        // Handle the error
      }
    });

img.setUrl(url);
p.add(img);

GWT Javadoc の例を参照してください: http://google-web-toolkit.googlecode.com/svn/javadoc/2.1/com/google/gwt/user/client/ui/Image.html

Answer 3

ImageElement img = DOM.createImg().cast();
img.setSrc("images/myImage.png");