AutoLayout constraints by Programmatically in Swift

Updated 30 December 2022


Before We start we would like to know about autolayout

Autolayout is a user interface builder for your application you can build the interface easily from the storyboard as you can check in the below image

By using the below procedure you can easily set leading, trailing, top, bottom, width, and height.

This blog will help you to manage these things programmatically.

1. In your view controller take an object for a text field (or which your want to use for your controller )

2. Add the above object in your view controller as a subview.

3. Please add the below code after you added an in you view.

translatesAutoresizingMaskIntoConstraintsneeds to be set to false when the view will be added to a view hierarchy that is using auto layout.

4. After that you need to set a constraint for this text field you need to set four constraints for each object.

here is the explanation for each parameter

item:- for which you want to set the constraint ( for me I have set a constraint for myView which is a text field)

attribute:- what you want to set like top, bottom, leading, trailing.

relatedBy:- you can set this for constant, the constant will equal or lessthen or gratherthen.

toItem:- from where you want to set constraint

isActive:- this need to define for every time if you want to active this constraint your controller

Here you can see the all constraint for an object.

This will work the same on the landscape or portrait you can check the below images

I hope this blog helped you to implement auto-layout programmatically for any query please leave a comment to us.
For more technical blog please click here

For more information about the auto layout please click here

. . .

Leave a Comment

Your email address will not be published. Required fields are marked*

Be the first to comment.

Start a Project

    Message Sent!

    If you have more details or questions, you can reply to the received confirmation email.

    Back to Home