iOS : Size classes issue

79 Views Asked by At

I'm creating a UI using size classes. As you can see in the below picture , there's issue with iPhone 6 Plus . Please help iPhone 4s always creates a mess. Do tell me if the UI is correct?

Image description:

enter image description here

1

There are 1 best solutions below

3
On

Hope this helps!!

Select Login Merchant button, Blue and Pink button with OR label and put them in Stack View with Vertical axis. name it as (Bottom StackView) Put some proper spacing between them.

If your image height is not fixed then make it relative to the device height, that means create a height constraint of imageView = (1/3)height of mainView.

Also you can take Label and textField Username in Horizontal StackView then combine both textFiled (username and pass) and Label in Vertical StackView.

Make vertical constraints Greater Than Equal to 20 between Bottom StackView and Center StackView.

this will give to better result in all screens.

In Case if you don't use StackView then,

Combine Bottom 3 button in SingleView (BottomView) and Upper textFields and Labels in SingleView (CenterView).

Then set vertical spacing s Greater Than Equal to 20 between them.

Make your image height as relative to screen size as described above.