如何正確創建svg圖像的gwt小部件？

Question

我知道如何將svg-images加載到gwt：last answer here

與此我只是想創建一個「SvgImage」類。它應該像gwt的圖像（url）一樣工作： 我可以獨立於加載狀態添加圖像，加載完成後圖像變得可見。 如何做到這一點？（我試圖讀取圖像的來源，但它是可怕的 - 既沒有找到url加載的地方，也沒有發生LoadEvent的地方）

或者一般來說什麼是一個好方法創建通過給定url加載其內容的小部件？

Answer 1

我挖GWT圖像源的liitle一下，發現有「replaceElement（節點）」 - 一個受保護的方法，特別是對於圖像製成，但這種方法是基於

Widget.getElement().replaceChild(newElement, oldElement); 

這裏是我的完整SvgWidget類：

public class SvgWidget implements IsWidget { 

    private String svgUrl; 
    private ADBTexte strings; 
    private IsWidget thisW; 
    private Loading loadingWidget; 

    @Inject 
    private SvgWidget(@Assisted final String svgUrl, final ADBTexte strings, final Loading loadingWidget) { 
     this.svgUrl = svgUrl; 
     this.strings = strings; 
     this.loadingWidget = loadingWidget; 

    } 

    @Override 
    public Widget asWidget() { 
     thisW = new SimplePanel(loadingWidget); 
     RequestBuilder rB = new RequestBuilder(RequestBuilder.GET, svgUrl); 
     rB.setCallback(new RequestCallback() { 
      @Override 
      public void onResponseReceived(final Request request, final Response response) { 
       Widget result = new HTML(response.getText()); 
       thisW.asWidget() 
        .getElement() 
        .replaceChild(result.getElement(), thisW.asWidget().getElement().getChild(0)); 
      } 

      @Override 
      public void onError(final Request request, final Throwable exception) { 
       Widget result = new Label(strings.chartError()); 
       thisW.asWidget() 
        .getElement() 
        .replaceChild(result.getElement(), thisW.asWidget().getElement().getChild(0)); 
       GWT.log("Error on loading chart: ", exception); 

      } 
     }); 
     try { 
      rB.send(); 
     } catch (RequestException e) { 
      Widget result = new Label(strings.chartError()); 
      thisW.asWidget().getElement().replaceChild(result.getElement(), thisW.asWidget().getElement().getChild(0)); 
      GWT.log("Error on sending request for chart: ", e); 
     } 

     return thisW.asWidget(); 
    } 

    /** 
    * Use this to get an instance of {@link SvgWidget}. 
    * 
    */ 
    public interface Factory { 
     /** 
     * 
     * @param svgUrl 
     *   url for svg graphic 
     * @return instance of {@link SvgWidget} displaying the svg accessible via the given url 
     */ 
     SvgWidget get(@Assisted String svgUrl); 
    } 

} 

相關的東西在asWidget（）中。但我不能確定這是否是一個好/最好的解決辦法：

• 是SimplePanel一個很好的容器（我只需要在容器更換的元件）
• 或許我應該實現HasLoadHandlers？
• 小部件顯示加載小部件 - 可能是最好放置
• 其他要考慮的東西？

（對於那些誰不知道依賴注入（杜松子酒）：忽略所有未知的註釋和工廠interfce）