java - 带有 GWT Sprite 的视网膜图像？

Question

我想在 GWT 中使用 Retina 图像。即，每个具有视网膜变体的图像应该如下所示:

logo.png
logo@2x.png

我可以使用 RetinaImages 加载视网膜图像库为:

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

问题是这仅在使用 setResource() 时有效。

我想在 gwt Sprite 中使用视网膜图像。例如:

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

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