Руководство по размеру изображения Ios для разных iphones

Question

Я просто смущен размерами изображений, которые мне нужно использовать для кнопок, изображений и т. Д. Я хочу настроить изображения для всех iphones. Какое должно быть соотношение между высотой/шириной экрана и различными iphones.

Как у меня есть кнопка. Я создал в следующих ПУТИ

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

Попробуйте это, и можете запросить два размера. Один из них - SCREEN_WIDTH * 2, UI_ITEM_HEIGHT * 2, другой - SCREEN_WIDTH * 3, UI_ITEM_HEIGHT * 3. Затем поставьте два изображения размером в ваших изображениях.xcassets с именем xxx @ 2x, xxx @ 3x.

Answer 2

Вы должны просто использовать:

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

[YOURBUTTON setImage:imButton forState:UIControlStateNormal]; 

Xcode будет автоматически использовать имеющееся изображение с весами например: @2x или @3x

Из моего примера ваши изображения будут:

image.png (20х20 точек),
image@2x.png, (40x40 px)
image@3x.png, (6 0x60 px)

соответственно.

Цитирование из яблока:

Размер изображения и разрешение

IOS использует систему координат для размещения содержимого на экране. Эта система координат основана на измерениях в точках, которые соответствуют пикселам на дисплее. На экране стандартного разрешения одна точка (1/72 дюйма) равна одному пикселю. Экран с высоким разрешением имеет более высокую плотность пикселей. Поскольку в одном и том же количествах больше количества физического пространства, на каждую точку больше пикселей. Как результат , дисплеи с высоким разрешением требуют изображений с большим количеством пикселей.

См here

Answer 3

Вот описание о том, как изображение может установить в 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 (i.e iPhone 6+), и просто используйте iConify, чтобы получить остальную часть изображения.

Answer 4

Я хочу настроить изображения для всех iPhone.

Простой способ сделать это - использовать ограничения компоновки. Ваш код пытается сделать то, что система ограничений, с учетом соответствующего набора ограничений, но менее гибкая, поскольку она не предусматривает изменения геометрии, например, когда пользователь поворачивает устройство.

Что должно быть соотношение между высотой экрана/ширины и различных айфонов [?]

Различные устройства имеют различные соотношения сторон. Существует множество веб-сайтов (например, this one), в которых перечислены размеры экрана. Однако, если это возможно, лучше не делать никаких предположений о размере экрана. Новые устройства могут быть представлены с различными пропорциями, и даже одно устройство может иметь разные размеры экрана в зависимости от того, как пользователь хочет его использовать - такие вещи, как поворот и разделение экрана, влияют на размер и форму экранной недвижимости, которая ваше устройство будет использовать.

для этой кнопки, какой размер изображения мне нужно добавить в Xcode для поддержки iPhone 4 - [?] IPhone 7

Мы не можем сказать, не зная, что ваша постоянная UI_ITEM_HEIGHT или то, что относительная пропорции, которые вы хотите использовать для своей кнопки, но вы должны иметь возможность рассчитать это самостоятельно, если знаете различные размеры экрана. Вы можете использовать ссылку, связанную выше, или this one, или одну из многих других.

Answer 5

Read guide line for 1x, 2x, 3x

Answer 6

Моя ширина = кнопка ширина экрана и высота будет 60. Может кто-нибудь конкретно сказать мне, что должно быть мое изображение 1x размер будет?

Answer 7

Ребята Вы можете попробовать ниже код:

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

Спасибо.