Auto Layout Tutorial in Xcode with Swift for iOS 11 | iOS Development Tutorial

Have you ever wanted to build universal apps meaning you build 1 app UI that can work on any screen size? That's what Auto Layout in iOS will help you.

In this Auto Layout tutorial, you'll learn:
+ What's Auto Layout
+ How to add unambiguous constraints
+ Different kinds of constraints in Auto Layout.
+ Priorities in Auto Layout Constraints
+ How to programmatically create auto layout constraints
+ What's Auto Layout Content Hugging Priority vs. Content Compression Resistence Priority
+ Stack View in iOS
+ How to create and use UIStackView with Auto Layout

First off, let's download the starter project Duc prepared for you. Just simply enter your name and email on the page to get:
+ the starter and complete projects of this episode
+ Duc's step-by-step video tutorial
+ Duc's new training on How to Build Nike E-commerce Store WITHOUT Losing Your Shirt

It's all awesome iOS development training for you, for FREE!

*********
ABOUT CODE MASTERY
*********
Code Mastery is hosted by Duc Tran, founder of Developers Academy.

This is his free-style no notes, no teleprompter presentation and live coding broadcast with you guys everyday.

*********
MEET DUC TRAN
*********

Duc Tran is founder of Developers Academy, one of the world's leading iOS, Android and Web development trainers.

More than 2,000,000 developers have studied his video trainings; 100,000 developers see his posts each month. Each year, Duc has helped 20,000 plus developers graduate from his online courses or video series.

*********
FREE TRAININGS IN IOS DEVELOPMENT
*********

*********
SOURCE CODE IN THIS COURSE
*********

class NetworkProcessor
{

let url: URL

init(url: URL)
{
}

typealias JSONDictionaryHandler = (([String : Any]?) - Void)

func downloadJSONFromURL(_ completion: @escaping JSONDictionaryHandler)
{

if error == nil {

if let httpResponse = response as? HTTPURLResponse {
case 200:
// successful response
if let data = data {
do {

completion(jsonDictionary as? [String : Any])

} catch let error as NSError {
}

}

default:
}
}

} else {
print("Error: \(error?.localizedDescription)")
}
}

}
}

[Matt_]

I'll tell you even though you have an accent your English is amazing. You put words together amazingly. Amazing video and very easy to understand. Fantastic work.

[l.a.]

I was discouraged to watch this first because of the time... an hour seems so long. But I am glad I finally did! Excellent information! Very nicely explained. Thanks!

[rayc]

Excellent tutorial, was under the impression auto layout was difficult to learn, The video simplified it a lot and i had picked it up before the video had finished.

[PaulSolt]

Nice work Duc Tran! I loved how you provided 3 different examples to demonstrate the concepts in different situations.

[rachdav]

Well done David - that is a tricky subject that I have been struggling with for some time but your video has definitely improved my understanding. Do you do one on UIStackViews?

[ashishnimbria]

Hi Duc, you are a very good teacher. you explain all the things in a very easy way. Thank you to make me understood about auto layouts and all. Thank you so much :) <3

[graysnow]

your video is very detail and easy to understand... thank!!!

[bergetun]

Thank you so much for this video. It really helped me. Best regards from Norway <3

[clarkdowding]

Nicely done Duc. Picked up a few tips. Helpful.

[jasper]

Thank you for nice video. It really helped me to clear few doubts. Why there are so many warnings for first layout? I did exactly same and I also got couple warnings and I cannot solve it.

[averageAmerican]

At 53:03, why did we add a constraint for the Title Label to the content view for its y-position and for the Image we did not?
For the image, we used the pin menu to add the constraints but for the Title Label, we used the CTRL + drag-drop method.
Is it the same? Was the pin menu for the y-position of the image already referring to the content view? @David Tran

[saranyar]

Very nice video for auto layout .Can you please upload video on vary for traits too?it would be useful

[BantexMotoVlog]

thanks to this tutorial very easy to follow and understand

[mucrazy]

Duc, thanks very much for great video ! Excellent !

A quick question, any videos about how to handle landscape orientation ?

[mcaapps]

Hi David. I have a problem with this tutorial. There is no Preview option. I follow your tutorial with each click and the option just does not show in my list. Any idea what I'm doing wrong?

[HirenMistry]

learn much to the point but it looks weird on iPad, what should i do?

[kiranhooda]

Great explaination. Do you have any video showing orientation change with autolayout? I mean portrait and landscape both should be supported..

[alshezawi]

wow i really enjoyed
and get understanding auto layout
thank you

[seemstwo]

you're a great teacher! Can you / or do you cover 'safe area'?

[cometmace]

Which is the video that teaches how to use "vary for traits"? Thanks.