ios - GWT、mgwt 和视网膜显示

Question

我已经实现了一个基于 mgwt 的 iOS 应用程序和 PhoneGap。

我有一张图片

<g:Image url="resources/img/topMenuTitle.png"></g:Image>

和两个相应的文件topMenuTitle.png(320px x 40px)和topMenuTitle@2x.png(640px x 80px)。

我不知道在应用时在 Retina 显示器中显示图像的最佳方式是什么(即，当设备支持 Retina 显示器和 topMenuTitle.png 时加载 topMenuTitle@2x.png 否则)。

到目前为止，我尝试使用 retina.js但它没有用。我的猜测是 Retinajs 在页面加载时处理图片，它不处理稍后显示的图像。

Answer 1

对于 mgwt，有一个延迟绑定(bind)变量 mgwt.os。它可以有不同的值:

<define-property name="mgwt.os" values="iphone, ipad, retina, ipad_retina, android, android_tablet, blackberry, desktop" />

您可以使用该变量并在您的应用中使用不同的资源。查看在 mgwt 中完成主题化的方式，了解如何提供不同的图像:

http://code.google.com/p/mgwt/wiki/Styling

如果您正在寻找一种简单的方法来加载图像，您可以这样做:

OsDetection d = MGWT.getOsDetection();

Image img = null;
if(d.isRetina() || isIPadRetina()){
  img = new Image("retinaurl");
}else{
  img = new Image("nonretinaurl");
}

当然，一个更好的方法是使用延迟绑定(bind)，但这对于代码中的某些图像是可以的。