I want two buttons to have equal width and position themselves proportionally in all screens sizes from the top of the scree using autolayout?

Question

Attaching the view i am planning to design. I would like to position the Buttons with respect to Superview and their Width and Height must increase proportionally to the Screen

Answer 1

This is an example just for one row of your buttons, so they can be reused for other UI elements.

Put these constraints onto your buttons:

LEFT BUTTON:

• left leading constraint
• top leading constraint
• height constraint

RIGHT BUTTON

• right trailing constraint
• top leading constraint
• height constraint

And constraints related to both buttons: (you need to select both buttons to be able to apply relation constraints)

• spacing constraint between buttons
• equal width of these buttons

In Interface Builder it looks like this:

And these layout is universal, so I chose some device sizes to present:

iPhone 5

iPhone 6

iPhone 6 Plus

... etc.