Как создать изображение в качестве фонового изображения для всех размеров экрана

Question

Как создать изображение для всех размеров экрана, таких как iphone 5 до 6 \ 6+ (то же, что и 7 \ 7+)?

вот путаница, я могу создать один или создать FEW базовые изображения?

Я читал о @ 1x, @ 2x, @ 3x. Но я все еще смущен.

     iphone4 iphone5  iphone6  phone6+ 

Canvas Size(pts) 320x460 320x568  375x667  414x736 
Screen Size(Px)  640x960 640 x1136  750x1334  1080x1920 

здесь подходы, которые я буду использовать, помогите мне исправить их.

Это то, что я сделаю на основе размера экрана каждого iphone.

подход (А):

1.0) создать только один базовый размер изображения 320x568 (базы на Iphone 5)

1.1) Название это изображение: myimage320x568.png, myimage320x568@2x.png, myimage320x568 @ 3x.png

- правильный путь? Будет ли система правильно масштабировать изображение для iphone5/6/6 +?

подход (B)

1. Создать образ 320x568 для iPhone5 имя его. myimage320x568.png

2. создать образ 375x667 для iphone6 ​​

   имя его myimage375x667.png, сделайте копию и назовите его myimage375x667@2x.png

3. создать образ 414x736 для iphone6 ​​+

   имя его myimage414x736.png, myimage414x736 @ 3x.png

   4) использовать код для обнаружения iPhone модели или screen.height

   if (iphone5){ 
   
       use myimage320x568.png 
   
   } else if (iphone 6 or 7) { 
   
       use myimage375x667.png 
   
   } else if (iphone 6+ or 7+) { 
   
       use myImage414x736.png 
   
   } 
   

Это все верно?

// - Обновление

Это работает. Но я не уверен, какой базовый размер изображения должен использовать?

использовать этот 375x667 (iphone6) или этот размер 414x736 (iphone 6+) в качестве базового изображения

UIGraphicsBeginImageContext(self.view.frame.size) 

let img = UIImage(named: "iosWPMain1") 

img?.draw(in: self.view.bounds, blendMode: .normal, alpha: 1) 

let image: UIImage = UIGraphicsGetImageFromCurrentImageContext()! 

UIGraphicsEndImageContext() 


self.view.backgroundColor = UIColor(patternImage: image) 

Благодаря

Answer 1

Вы не можете создать изображение для всех размеров экрана, если вы хотите использовать он охватывает весь экран и не обрезает и не искажает. Поэтому вы должны использовать подход B.

Answer 2

Если вы добавляете внешнее изображение, то я предлагаю вам использовать ImageAssets.xcassets. Добавьте свои изображения туда. Таким образом, когда вы вызываете UIImage, используя UIImage(named: "image"). Таким образом, когда вы отпустите приложение в AppStore, iOS загрузит только изображения, необходимые для конкретного устройства.

Кроме того, вы можете получить масштаб-фактор устройства, используя следующий код

let scale: CGFloat = UIScreen.main.scale 

Таким образом, вы можете изменить логику в этом:

let scaleFactor: CGFloat = UIScreen.main.scale 

if scaleFactor == 1.0 { 
    // use 1x image 
}else if scaleFactor == 2.0 { 
    // use 2x image 
}else if scaleFactor == 3.0 { 
    // use 3x image 
} 

Но, это лучше используйте ImageAssets.xcassets, чем это. Следуя этому подходу, размер вашего приложения будет увеличиваться.

Answer 3

Самый простой подход заключается в создании единого образа на самом большом размере, а затем установить ваши UIImageView «ы contentMode к .aspectFill