Swift: how to use screen dimensions that will work on all phones

Question

we are writing an app for iPhones and laying out some graphics, and at one point we are showing a photo. We size it to the screen by using these parameters (in our view controller).

    let view_width : CGFloat = self.view.bounds.width
    let view_height : CGFloat = self.view.bounds.height

On the targets we have used so far, this works fine on an iPhone 7 and iPhone 8. However we just tried it on an iPhone 12 Pro and the image looks stretched, the aspect ratio is off and it is partially off the screen.

Are there parameters we should use other than the above to ensure that we are laying things out according to the screen dimensions, that will work on every phone?

Thanks.

see https://stackoverflow.com/questions/185652/how-to-scale-a-uiimageview-proportionally — Mick, Dec 22 '20 at 14:06
did you try to use aspectFill, it will expand image to use whole screen but it will keep aspect ratio. Second, do you gave it in all 3 sizes 1x, 2x, 3x with appropriate values? — MMDev11070, Dec 23 '20 at 00:01

score 0 · Answer 1 · answered Dec 22 '20 at 14:09

0

 let screenSize = UIScreen.main.bounds
    
    let screenWidth = screenSize.width
    
    let screenHeight = screenSize.height

answered Dec 22 '20 at 14:09

Sam Yerznkyan

36
2

score 0 · Answer 2 · answered Dec 22 '20 at 14:53

0

In SwiftUI:

Image(...)
        .resizable()
        .scaledToFit()

Will scale the image to fit the screen while respecting it‘s proportions

answered Dec 22 '20 at 14:53

Schottky

1,549
1
4
19

Swift: how to use screen dimensions that will work on all phones

2 Answers2