如何让我的图像完全适合UIView

Question

The image I am applying looks fine in IPhone7 plus simulator and in IPhone 5 simulator it is not like what I want. I am attaching both the images. Please help me.

Second image:

Constraints:

Answer 1

Follow these steps:

1. In your storyboard, use Auto Layouts for UIview like this: Add Constraints from left, top, height, width
2. It will work fine for all Screen

Answer 2

Use Propotional Constraints instead of giving fix widh , heigth Constraints .

lets say your View has 250 width & 100 height and you are designing cell in 375 width xib.

Steps of giving Constraints

1 :- Leading Constraints  same as you described in your image.
2 :- Center Vertical Constraints same as you described in your image.
3 :- Give aspect Ratio to your View.
4 :- Give equal width Constarint of Your View with Super View.

multiplier Calculation :-> 250/375 = 0.6666666667

Edit the last Constarint which name should like this : Propotional Width , edit that Constarint and give multipier as 0.6666666667

runt the application , if you set proper height of cell with delegate method , it should almost work.

Answer 3

I think you are using 7 plus screen resolution in storyboard while designing. Corner radius applies before your constraints load.

Apply your corner radius in layoutSubviews method after super called.

Answer 4

Add the following constraints for that UIView.

1. Leading space to its superview 2. Trailing space to nearest label 3. Add the constraint Vertically in container 4. Set Width constraint 5. Set height constraint.

Will works perfectly .