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.xcassets中放入两个大小的图片，名为xxx @ 2x，xxx @ 3x。

Answer 3

您应该使用：

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

[YOURBUTTON setImage:imButton forState:UIControlStateNormal];

Xcode会自动使用尺度为@2x或@3x

的可用图片

从我的例子中你的图像将是：

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

分别

引自苹果：

图像尺寸和分辨率

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

参考here

Answer 4

我想调整所有iPhone的图像。

这样做的简单方法是使用布局约束。在给定适当的约束条件的情况下，您的代码会尝试执行约束系统的操作，但它的灵活性较低，因为它不提供更改几何体，例如当用户旋转设备时。

屏幕高度/宽度与不同iphone之间应该是什么比例[？]

不同的设备具有不同的宽高比。有很多网站（如this one）列出了屏幕尺寸。但是，如果可能的话，最好不要对屏幕尺寸做任何假设。可以引入具有不同宽高比的新设备，甚至单个设备可能看起来具有不同的屏幕尺寸，这取决于用户如何选择使用它 - 诸如旋转和分屏之类的事物影响屏幕空间的大小和形状。你的设备可以使用。

对于这个按钮我需要在xcode上添加多大的图像以支持iPhone 4 - iPhone 7 [？]

我们不能不知道您的UI_ITEM_HEIGHT常数是什么或您想要按钮的相对比例，但如果您知道各种屏幕尺寸，您应该能够自己计算。您可以使用我上面链接的参考，或this one，或其中许多其他参考。

Answer 5

Read guide line for 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;
    }

感谢。

适用于不同iphone的Ios图像尺寸指南

6 个答案: