iphone - iOS 应用程序非视网膜和视网膜图像概念

Question

我问这个问题只是为了提供信息，并澄清我对 iOS 应用程序(Retina 和 non-retina 设备)中图像的概念.

我目前做的是

当我开发一个 iPhone 应用程序时，我必须在 UIButton 上使用 Interface builder 显示一张图片，假设我拍了两张图片以下尺寸的 submit.png 按钮图像

1. 100x100 像素(提交.png)
2. 200x200 像素 (submit@2x.png) 用于视网膜显示

在 Interface builder 中，我将 UIButton 的大小设置为 100x100 像素，它的效果非常好。

问题:

为什么我们不只放置单个图像让我们说 submit.png

1. 200x200 像素(提交.png)

并在 interface builder 中将 UIButton 大小设置为 100x100 像素，retina 和 non-retina< 中将使用相同的图像 设备。

使用两张图像而不是一张视网膜尺寸图像的真正原因是什么？

另一个类似的问题，

iPhone 5 仅在 retina 显示屏中可用，但我们必须将其 Default 图像放置为 Default-568h@2x。 png.为什么是 2 倍？

Answer 1

在 ios 中，如果您阅读此文档，图像的概念也很清楚 Custom Icon and Image Creation Guidelines

例如，如果你想创建图像

100 x 100 px 所以它必须具有 163 分辨率 ppi submit.png 非视网膜设备/p>

200 x 200 px 所以它必须使用 326 分辨率 ppi submit@2x.png Retina 设备/p>

对于 iPad:-

400 x 300 px 所以它必须使用 264 分辨率 ppi submit@2x~ipad.png Retina iPad 设备

200 x 150 px 所以它必须与 132 分辨率 ppi submit~ipad.png 非视网膜 iPad 设备

看看这张图片:-

图片来源自This

当我们想要为 iPad 和 iPhone 指定不同版本的图像时，我们反复使用 @2x。包含高分辨率图像的 @2x 修饰符是新的，它让系统知道该图像是标准图像的高分辨率变体。

这是操作系统调整窗口大小以填充 iPhone 5 显示屏所需的关键更改。已发布 writeup您可能需要进行此调整和其他与尺寸相关的调整。

希望这对图像分辨率和尺寸有用。