How to set up an auto layout constraint to be a % value

Question

Created Dec ’22

Replies 1

Boosts 0

Views 1.1k

Participants 2

I'm setting up auto layout constraints and I want the leading constraint of one of the controls on the view to be a fixed value on iPhone (CR) and equal to a % of the screen width for iPad. Can this be done in IB using the size inspector or does it need to be done programmatically? I've searched for documentation and looked at lots of videos but I was unable locate the information. If someone could provide a link to the documentation or share some sample code, I would be very grateful.

Boost

Answer 1

Claude31 OP

Dec ’22

It is possible in IB. May be with some limits.

you have to define constraints, for different variations
Define the first constraint (will be for iPhone)
define a variation hC (compact height) and Width Any and a variation for wC (compact width) and height any
create another constraint that will be used for iPad
define a variation hR (regular height) and Width Any and a variation for wR (regular width) and height any.
set the multiplier value to what you need (between 0 and 1, not in percent).

Capture d’écran 2022-12-24 à 14.24.30.png

However, that may cause problem with large iPhones. If so, you will have to

create a unique constraint
set its value (constraint.constant) programmatically depending on device type
That is often the simplest.

0