The Complete iOS9 Auto Layout Course

The goal is to raise your AutoLayout confidence levels and design iOS interfaces that use space effectively
3.5 (60 ratings) Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
606 students enrolled
$11
$20
45% off
Take This Course
  • Lectures 9
  • Length 1.5 hours
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 2/2016 English

Course Description

In this course, my friend Ravi and I would like to raise your confidence levels, in that confounding but very important topic : iOS Auto Layout.

Building an App involves 2 key components - Writing Code and designing the user interface

When the app lands up with your audience, its interface design, plays a key role, in its success.

So a good grasp of AutoLayout will certainly help you design, better, user interfaces

Interfaces that deal ,with different screen sizes and orientations.

Interfaces that adapt to available space, smartly.

And interfaces, that are quick to build, and easy to maintain.

We Aim to show you all the key elements of Auto-Layout and you need no programming experience, since we will start from scratch

We will begin with an introduction to Xcode and focus, on key elements that come into play when designing the look and feel of an App

Then with the help of multiple case studies we will build, real world interfaces, and in the process, understand, the role various Xcode elements play.

Each lesson is complemented with a word cloud of key terms along with concept reinforcing quizzes and reference material

At the end of this course you will walk away with much, more confidence.

And lastly, we will continue to keep adding to the course material so that, its always up to date for you, our learner.

So, in conclusion, Ravi and I are proud to present this iOS Auto Layout course to you. We hope you will join us on this exciting journey and we look forward to chatting with you in the forum.

What are the requirements?

  • Students will need to have access to a version of Xcode that uses Auto Layout. As per the documentation, this would be version 6 and beyond.

What am I going to get from this course?

  • Learn to confidently build and maintain App Interfaces that deal with different iPhone screen sizes, orientations and levels of complexity

What is the target audience?

  • The course is structured in a way that makes it suitable for beginners as well as individuals with varied Auto Layout experience. The bottom line is that it covers all the key concepts of Auto Layout. So if you are starting from scratch or want to plug gaps in your Auto layout knowledge, this course is for you.

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Course Overview
02:06

In this course, my friend Ravi and I would like to raise your confidence levels, in that confounding but very important topic : Auto Layout

I, Sanjay, am responsibie, for a popular YouTube Swift channel, whose viewership, is in the millions

Ravi, is a very popular Swift Blogger, who also mentors individuals, and contributes actively to the AppStore

Building an App involves 2 key components - Writing Code and designing the user interface

When the app lands up with your audience, its interface design, plays a key role, in its success

So a good grasp of Auto Layout will certainly help you design, better, user interfaces

Interfaces that deal ,with different screen sizes and orientations

Interfaces that adapt to available space, smartly

And interfaces, that are quick to build, and easy to maintain

We Aim to show you ALL the key elements of Auto Layout and you need, no programming experience, since we will start from scratch

We will begin with an introduction to Xcode and focus, on key elements that come into play when designing the look and feel of an App

Then with the help of multiple case studies we will build, real world interfaces, and in the process, understand, the role various Xcode elements play.

Each lesson is complemented with a word cloud of key terms along with concept reinforcing quizzes and reference material

At the end of this course you will walk away with much, more confidence.

And lastly, we will continue to keep adding to the course material so that, its always up to date for you, our learner.

So, in conclusion, Ravi and I are proud to present this course to you. We hope you will join us on this exciting journey and we look forward to chatting with you in the forum. Go well.

12:01

In this video we will move across the Xcode landscape stopping occasionally and making a note of elements that will help us build better interfaces.

The image that comes to my mind immediately is that of a budding chef.

You have just gone online and ordered yourself a whole bunch of items : Knives, cutting board.. well the works.

Your goods have arrived and now you are opening packages and inspecting items.

At this point you are not using any of the items, just seeing that they exist and perhaps confirming what they can do.

We will do something similar in this video. Walk around and inspect Xcode terms, define them, briefly discuss what they can or cannot do, peek into them, see what they contain but nothing more. We have future lessons that elaborate on each concept.

So if you are familiar with the Xcode elements, you may wish to skip ahead. But I will recommend that you stay and be part of the ride

3 questions
Auto Layout Landscape
Section 2: Case Studies
15:33

In this lesson , we will use Auto Layout to design a pattern resembling the flag of England.

Lets now visualize the individual components of this pattern. We have:

a. 1 background red rectangle and

b. 4 white rectangles

The white rectangles are of equal width and height

And yes, each white rectangle is pinned to one of the 4 corners of the red rectangle.

And of course there is this equal gap running between the white rectangles that gives us the illusion of a red cross.

We will use a concept called design by intent while creating our layout for this pattern.


Case Study 1 : Flag Off
3 questions
11:36

In this video we will look at Constraint Priorities

Let’s take an example:

Say we have a button placed at a certain distance from the bottom of the container.

To be more specific, we have set a vertical constraint of 10.

Now I add a similar constraint to the button, setting its vertical distance to 15.

And to confound things a bit more, I set a third constraint, similar in nature , with a vertical distance of 20.

This does not make sense since all 3 constraints cannot be satisfied simultaneously

But what if we could assign priorities to each of these constraints , say, high, medium and low.

In this case the High priority will kick in and not the other 2.

And if for some reason, the high priority constraint is unable to kick in, the MEDIUM priority would take its place and so on. In this lesson we will look at an example that demonstrates constraint priorities


3 questions

Constraint Priority

15:15

Consider this scenario:


2 labels sit side by side on an App

You have enabled constraints to pin the labels to the sides of the container

Now you rotate your phone into the landscape mode

The labels should stretch to fill the screen right? Do they? If yes, which one or ones?


Let’s take another scenario

You have an image and button one beneath the other on an App

Once again, constraints are enabled to pin the elements to the sides of the container.

And again you rotate the phone into the landscape model.

Something has to compress right? Which element or elements compress?


To get a better sense of these questions, this video will focus on constraint priorities.

In particular we will focus on Content Hugging and Compression Resistance priorities.

3 questions

Content Priority

07:20

Now here is a pretty common scenario

You have a label and you want it positioned at the top left corner of your App

With your current Auto Layout knowledge, that should be simple

Now you pause and think : Should I be setting the width and height of the label?

Well you need not since the label has an intrinsic content size. And so do other elements such as text fields and buttons.

In this lesson we will learn more about this key topic

3 questions

Intrinsic Content Size

12:13

So by now you should now have a decent idea of what constraints are and how they are used to forge relations between the different views.

In this lesson, we will use most of the concepts learnt in previous videos, in one place, to build a more complex design.A design also having another level of view hierarchy

By building this app we will have a better perspective of constraint hierarchies as well as view relationships.


3 questions

Constraints and View Hierarchies

06:46

So far all our lessons have focussed on adding various constraints.

In this lesson we will look at an entity, that while reducing the number of constraints needed, helps us quickly and easily design user interfaces. This entity is the StackView.

As the name suggests, a stack view helps us Stack views both horizontally and vertically.

Our lesson will first demonstrate a single vertical stack view to lay out 2 labels and an image view.

We will then add a text field and a search button to our layout and thus demonstrate a horizontal stack view.

And by the way, we certainly will use constraints. But not as many as you may expect

3 questions

Questions about StackView

Bonus Lesson : Adaptive Layout
17:46

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Sanjay Noronha, Educator, Business Consultant

Hi I'm Sanjay. I have a Masters Degree in Computers and another in Education from Columbia University, New York

I am also pretty experienced in juggling a full time job as a business consultant with my passion which is Educational videos.

I live in the beautiful city of Cape Town in South Africa with my wife Rebecca and adopted cat, Titan.

My passion is teaching and for a few years now I have been trying to move full time into this line and build a sustainable model

I believe I am very close to this goal.

Instructor Biography

Ravi Shankar, iOS Developer

A multi skilled software engineer with 17+ years overall experience with 12+ years in product development, maintenance and support. A polyglot and a self taught programmer with hands on experience in Swift, Objective-C and Java. Currently I provide training in iOS development and regularly share my Swift experience in my blog (www.rshankar.com)


Ready to start learning?
Take This Course