帶有GWT精靈的視網膜圖像？

Question

我想在GWT中使用視網膜圖像。 即，每個具有視網膜變體的圖像應如下所示：

logo.png
logo@2x.png

我可以使用RetinaImages lib加載視網膜圖像：

ClientBundleFactory factory = GWT.create(ClientBundleFactory.class);
DemoClientBundle bundle = factory.create();
logoImage.setResource(bundle.logo());

問題在於這僅在使用setResource（）時有效。

我想在GWT精靈中使用視網膜圖像。 例如：

public interface Resources extends ClientBundle {

    ImageResource logo();

    @Source({Css.DEFAULT_CSS })
    Css css();
}

在我的css文件中：

@sprite .somePanel {
   gwt-image: "logo";
}

現在可以使用，因為使用視網膜圖像（logo@2x.png）時，圖像的大小是屏幕上的兩倍。

如果是視網膜圖像，如何將圖像寬度和高度設置為一半？

Answer 1

嘗試設置圖像的像素大小：

logoImage.setPixelSize(nominal_width, nominal_height);

其中標稱寬度和高度是在資源文件中定義的整數或在方法調用中直接指定的整數，並且應為實際圖像尺寸的一半。