適用於不同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;
    } 

謝謝。