视网膜图像与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 sprites中使用视网膜图像。例如：

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);

其中标称宽度和高度是在资源文件中定义的或在方法调用中直接指定的整数，应该是实际图像尺寸的一半。