Question

我知道如何将svg-images加载到gwt：last answer here

用这个我只是想创建一个“SvgImage”类。它应该像gwt的图像（url）一样工作：我可以独立于加载状态添加图像，一旦加载完成，图像就变得可见。如何实现这一点？（我试图读取图像的来源，但它很糟糕 - 既没有找到加载网址的地方也没有找到LoadEvent被解雇的地方）

或者一般来说，创建通过给定网址加载其内容的小部件的好方法是什么？

Answer 1

我在gwt图像源中挖了一个liitle位，发现有“replaceElement（Node）” - 一种特别为图像设计的受保护方法，但这种方法基于

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？！
小部件显示加载小部件 - 可能是更好的放置
要考虑的其他因素？

（对于那些不知道依赖注入（含杜松子酒）的人：忽略所有未知注释和工厂干预）

如何正确创建svg图像的gwt小部件？

1 个答案: