CODEWITHSUNDEEP
iosswiftautolayout
osama
osama

Reputation: 1296

AutoLayout : Relative scaling of views

I want to achieve consistent views across different screens. My layout constraints works on small screens perfectly but it scrambles on large screens.

I have made a view(Red Border indicating that view)and pin it in to the main super view. Then I have made sub views and put it inside that view. I have pinned the the top bottom trailing and leading edge of the layout which contains button of the it's parent view (Red Border indicating that view). The view containing button is looking like this in small screen (iPhone 5)

enter image description here

while it's looking in big screens like this (iPhone 6 and above)

enter image description here

I want this layout to have the same relative height in all the screens like the other views. How can I achieve this?

Upvotes: 4

Views: 116

Answers (2)

woogii
woogii

Reputation: 413

I guess you can use UIView that contains a button inside and set bottom,lead,trailing,top constraints for the UIView. Then you can set height constraint of that UIView and set multiplier values to have relative height to its superView(=Red box). Finally, you can set constraints for your button inside the UIView whatever you want. If you know how to use StackView, I recommend you to use it because it is easy and simple solution. Here is very good tutorial about StackView.

Upvotes: 1

Vignaya
Vignaya

Reputation: 1

If height is constant for subview except that button view the layout will be like what you mentioned in the first image .If you kept height as constant for that button view the problem will be solved

Upvotes: 0

Related Questions