适用于不同iPhone的iOS图像尺寸指南

Question

我只是对需要用于按钮，图像视图等的图像大小感到困惑。我想为所有iPhone调整图像。 屏幕高度/宽度与不同iPhone之间的比例应为多少。

就像我有一个按钮。 我以以下方式创建-

 UIButton *takePicButton = [UIButton buttonWithType:UIButtonTypeCustom];
takePicButton.frame = CGRectMake(0, SCREEN_HEIGHT-UI_ITEM_HEIGHT, SCREEN_WIDTH, UI_ITEM_HEIGHT);
[takePicButton setBackgroundImage:[UIImage imageNamed:@"take_photo.png"] forState:UIControlStateNormal];
[self.view addSubview:takePicButton];
[takePicButton addTarget:self action:@selector(takePicture:) forControlEvents:UIControlEventTouchUpInside];

对于此按钮，我需要在xcode上添加多少尺寸的图像以支持iPhone 4-iPhone 7。

提前致谢。

Answer 1

这是有关如何在iPhone中设置图像的说明：

•   1x images are for the original iPhone through the 3GS - 'standard' resolution devices (3.5" screens)


•   2x images are for the iPhone 4 and 4S (3.5" Retina screens) and are also used for the iPhone 5, 5s,6,6s,7

•   3x images are for the new iPhone 6+,7+ (5.5" super-Retina [3x] screen)


您必须将三种不同类型的图像保留在Assets.xcassets中，并仅在要显示图像的位置提供图像名称。 它将自动拍摄相关图像并显示。

您可以查看随附的屏幕截图。 您只需要编写“ bgImag”，它将从协助中获取相关图像。 关于图像定量，只需创建分辨率最高的iPhone （即iPhone 6+）图像，然后使用iConify即可获取其余图像。

Answer 2

试试这个，你可以要求两种尺寸。 一个是SCREEN_WIDTH * 2，UI_ITEM_HEIGHT * 2，另一个是SCREEN_WIDTH * 3，UI_ITEM_HEIGHT * 3，然后在您的Images.xcasset中放入两个尺寸为xxx @ 2x，xxx @ 3x的图片。

Answer 3

您应该简单地使用：

UIImage *imButton = [UIImage imageNamed:@"image.png"];

[YOURBUTTON setImage:imButton forState:UIControlStateNormal];

Xcode将自动使用可用图像，缩放比例为： @2x或@3x

从我的示例中，您的图像将是：

image.png （20x20 px），
image@2x.png ，（40x40 px）
image@3x.png ，（60x60 px）

分别。

从苹果报价：

图像尺寸和分辨率

iOS使用坐标系将内容放置在屏幕上。 该坐标系基于点的测量，这些点映射到显示器中的像素。 在标准分辨率的屏幕上，一个点（1/72英寸）等于一个像素。 高分辨率屏幕具有更高的像素密度。 因为在相同数量的物理空间中有更多像素，所以每个点有更多像素。 结果，高分辨率显示器需要具有更多像素的图像。

请参考这里

Answer 4

我想为所有iPhone调整图像。

最简单的方法是使用布局约束。 给定一组适当的约束，您的代码会尝试执行约束系统将要执行的操作，但是它的灵活性较差，因为它不提供更改几何形状的功能，例如用户旋转设备时。

屏幕高度/宽度与不同iphone之间的比例应该是多少？

不同的设备具有不同的纵横比。 有许多列出屏幕尺寸的网站（像这样的网站）。 不过，如果可能的话，最好不要对屏幕尺寸做任何假设。 可能会以不同的宽高比引入新设备，甚至单个设备也可能会显示出不同的屏幕尺寸，具体取决于用户选择使用它的方式-诸如旋转和拆分屏幕之类的因素会影响屏幕空间的大小和形状，您的设备开始使用。

对于此按钮，我需要在xcode上添加多少尺寸的图像以支持iPhone 4-iPhone 7 [？]

我们不能不知道您的UI_ITEM_HEIGHT常量是多少，还是想要按钮的相对比例而说，但是如果您知道各种屏幕尺寸，就应该能够自己计算出该比例。 你可以用我上面链接引用，或这一个 ，或许多其他的一个在那里。

Answer 5

阅读1x，2x，3x的指导线

Answer 6

伙计们，您可以尝试下面的代码：

 if (IS_IPHONE4) {
        imgHeight.constant = 150;
    }
    else if (IS_IPAD) {
        imgHeight.constant = 300;
    }
    else if (IS_IPHONE5) {
        imgHeight.constant = 170;
    }
    else {
        imgHeight.constant = 200;
    } 

谢谢。