Topics
Published on October 17, 2017 by CodeWithChris

Learn how to make an app even if you have no programming experience!

This is a 10 part video series designed for beginners in mind to teach the fundamental skills for making apps on iOS.

In this lesson, I’ll show you how to position elements using Stack Views.

Stack Views allow you to position elements inside it without specifying constraints.

This can be a huge time saver when it comes to building the user interface for your own app.

In this lesson, you’ll build another user interface; this time, taking advantage of Stack Views for positioning.

You can download the Image Assets and Xcode Project from here:

How to Make an App for Beginners (Lesson 3)

The lesson plan for the How To Make an App series can be found on my site here:

How To Make An App (for beginners) – Start Here

This video series uses the latest and greatest from Apple (Xcode 9, Swift 4, iOS 11) and will teach a beginner with no programming experience how to make iPhone apps. I’m creating these videos with the assumption that the student has no prior knowledge and is starting from scratch.

For more tutorials on how to build iPhone apps, make sure you subscribe and visit my site where you’ll find a community of like minded learners! Learning something new is always more fun with other people!

Website: codewithchris.com
Twitter: twitter.com/CodeWithChris

CodeWithChris is dedicated to teaching beginners and non-programmers all about how to make an app. On the site, you’ll find a ton of free resources and tutorials to aid you on your journey to learn iOS development. Many people have successfully picked up Swift 4, Xcode 9 and app building from my course and materials!

Here’s just a sample of the success stories my students have sent in:

68 Beginners Share Their Success Stories

Leave a Reply

62 Comments on "How to Make an App for Beginners – Lesson 3 (Stack Views)"

Notify of
avatar

Kenny T
Guest
Kenny T
8 days 13 hours ago

Video is too long. U explained horizontal stack and vertical stack but its self explanatory therefore i thumbs down video for wasting time

Nathan Colburn
Guest
Nathan Colburn
17 days 12 hours ago

for me under the show object library it doesn't give the description of what it is, it only shows the image. does anyone know how to turn on the description?

Nader O
Guest
Nader O
29 days 6 hours ago

Wow!!! really awesome. Chris is really amazing at explaining and walking you through this stuff with detail, patience and care. Better than taking a course at the community college! Good job!! and Thank you!

Mister Jaz Boom
Guest
Mister Jaz Boom
1 month 8 days ago

is this also good for Iphone 7 plus interface?

Katinka Budapest
Guest
Katinka Budapest
1 month 15 days ago

So cool you're doing this, thank you!

Jr Valentin
Guest
Jr Valentin
1 month 24 days ago

Hey Chris, I’ve been watching your vids for the past couple days because I’ve had an idea for an app & really want to pursue it. I’m not sure what language I’m supposed to learn first & am confused because I’m not sure what my app needs, could I email you my thoughts & ideas & could you help in the right direction? Thank you & Good job with the vids as well!

Ryan Boneberg
Guest
Ryan Boneberg
2 months 15 days ago

Thank you for great video, something went wrong on my third image and the placement in vertical mode was higher than the first two images.

Richard Lee
Guest
Richard Lee
29 days 5 hours ago

for the third image(Simon) , click its mother stack view, go to the property inspector lane, find the Space attribute, hit the value(20) in,then the Simon picture should be 20 points away from its label. then you'll see the picture is not that high

Chief Roxanne
Guest
Chief Roxanne
2 months 18 days ago

For some reason, my simulator is not showing. It is making my computer very slow as well. Thank you for your great videos!!

ScarletRose86
Guest
ScarletRose86
2 months 25 days ago
So, I think I did something a little screwy here and way before I put the images in, I made an extra constraint that said to have the width and height of two of my images match so that they were the same as the one that fit the best in the screen. I didn't have the issue that you did with the compression resistance, and I'm trying to figure out if that constraint took priority over the location of my labels or if I'm overthinking it and just got lucky with the size. I guess because I made a… Read more »
Ivan Aragon Cruz
Guest
Ivan Aragon Cruz
2 months 29 days ago

Thanks for the tutorial, I have a couple of questions, How does the Scrollview can be used in this case to making scrollable our apps, and the other question, How can we use both scrollview and stackview in a screen to make it responsive?

1 2 3 4
wpDiscuz