iphone - 如何让 Apple 的 @2x 视网膜图像命名约定适用于具有 Rails 后端的应用程序？

Question

我正在研究 native 应用程序的 Rails 后端。

在 native 应用程序中，视网膜(高分辨率)图像使用 @2x 命名约定自动加载。

例如，您可以有两个名为 image.png 和 image@2x.png 的图像(同一图像的高分辨率版本)。如果该应用程序在 iPhone 3gs 上运行，则会自动加载 image.png。如果该应用程序在 iPhone 4 上使用，image@2x.png 将自动加载。

根据我所阅读和实际看到的内容，此 @2x 约定不适用于非 native Web 应用程序。

Apple 的@2x 约定似乎不适用于Rails 后端提供的图像。我知道媒体查询可以帮助解决这个问题，但我想知道是否有某种解决方法可以让 iPhone 4 自动从网络应用程序而不是非高分辨率加载 @2x 图像对方。

Answer 1

我建议如下:

在您的 Rails 应用中，在上传时创建不同版本的图像。

然后在 iOS 应用程序中，您可以查看 UIScreen 的 scale 属性并确定要加载的图像:

if ([[UIScreen mainScreen] scale] == 2.0f){
  //load retina image
} else {
  //load non-retina image
}