1x vs r4 或 2x vs r4 或 3x vs r4 有什么区别答案

【问题标题】：What is the difference between 1x vs r4 or 2x vs r4 or 3x vs r41x vs r4 或 2x vs r4 或 3x vs r4 有什么区别
【发布时间】：2017-10-27 16:04:00
【问题描述】：

如果 1x 图像是 100*100 则

2x 图像是 200 * 200

3x 图像为 300 * 300

什么是r4维度应该是xxx * xxx

没有这方面的文档。

仅供参考：

这与启动屏幕图像无关...图像可以是返回按钮等...

【问题讨论】：

r4 表示 Retina 4，分辨率应为 640 x 1136
IOS launch image sizes的可能重复
如果它的 4x 意味着 ... 400 * 400 对吗？怎么会是 640 * 1136
stackoverflow.com/questions/29874499/…
@LeoDabus 它与启动屏幕图像无关......它与任何图像有关

标签： xcode xamarin-studio asset-catalog uiimageasset

【解决方案1】：

答案并不那么简单。
要记住的重要一点是，不同的 iPhone 型号会自动使用图像集中的不同图像。 iPhone-A的分辨率不一定是iPhone-B的简单乘法，所以image-A的大小不一定是image-B的简单乘法。

Here is a table showing the image automatically selected from x.imageset for each iPhone:
         iPhone Model | ScreenSize | Ratio | x.ImageSet
         -------------|------------|-------|----------------
            XS Max    | 1242-2688  | 0.46  | 3x
            X,XS      | 1125-2436  | 0.46  | 3x
            XR        |  828-1792  | 0.46  | 2x
            6,6s,7,8+ | 1242-2208  | 0.56  | 3x
            6,6s,7,8  |  750-1334  | 0.66  | 2x 
            5,5s      |  640-1136  | 0.56  | R4

由于表格显示为多个屏幕尺寸和多个纵横比选择了相同的图像，这可能会导致一些混乱...
这就是显示图像的视图的Content Mode 属性派上用场的地方。它决定图像如何在其边界内拉伸（LaunchScreen 图像边界是屏幕大小，后退按钮边界是 ImageView 大小）。

如果Content Mode = Aspect Fill
然后从图像集中选择的图像将调整其宽度以与边界宽度完全相同，并且高度也将改变以保持原始图像纵横比 - 它的顶部和底部边缘将被隐藏，因为它们超出了边界或不会到达根本没有界限。

其他Content Modes会对图像产生其他影响。看一看：Understanding How Images Are Scaled

【讨论】：