UIStackView Tutorial (2020) - Lesson 3
Vložit
- čas přidán 2. 06. 2024
- UPDATED VERSION HERE: • How to Make an App for...
👋 Our "Launch Your First App" program will help you build up your iOS skills to publish your very own feature rich app even if you’re a beginner starting from scratch. codewithchris.com/plus
In this lesson, I’ll show you how to position elements using the uistackview element. 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.
Note: Missing your main.storyboard file? Check out this video for the fix:
• Xcode 11: No Storyboar...
In this lesson, you’ll build another user interface; this time, taking advantage of UIStackViews for positioning.
This video series 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.
𝗩𝗶𝗱𝗲𝗼 𝗧𝗶𝗺𝗲 𝗦𝘁𝗮𝗺𝗽𝘀:
00:00 Intro
00:45 Creating our new project
01:24 Building the user interface
10:15 Adding the images
10:32 Building the user interface (continued)
15:04 Outro
FREE BEGINNER COURSE:
⚡ How to make an app in 8 days - cwc.to/start
CWC+ LEARNING PATH:
👩💻 The simplest way to learn iOS app development - cwc.to/plus
CONNECT:
🌍 Website - codewithchris.com
😺 GitHub - github.com/codewithchris
📸 Instagram - / codewithchris
🐦 Twitter - / codewithchris
ABOUT CODEWITHCHRIS:
Hi I’m Chris! I’m dedicated to teaching fundamentals about how to make an app. This is important if you’re trying to land an iOS job, be a freelancer, increase or start a business with an app idea. On this channel and my website, you'll find a ton of free resources and tutorials to aid you on your journey to learn iOS development. Many people have learned to code and build apps on their own! cwc.to/reviews
DID THESE LESSONS HELP YOU?
Please let me know! - fans.codewithchris.com
#CodeWithChris #CodeCrew #UIStackView
Missing your storyboard? See: czcams.com/video/ea9fCSXGhSU/video.html ⚡QOTD: Are Stack Views a new concept for you? Let me know! 👇 👋 Our "Launch Your First App" program will help you build up your iOS skills to publish your very own feature rich app even if you’re a beginner starting from scratch. ➡️ codewithchris.com/plus
I've seen many tutorials on youtube on complicated topics. However this is by far the most amazing and educational series that i have experienced. Chris has an amazing talent for teaching, I absorb the information so well due to his delivery and plus i'm enjoying it. This is great keep up the good work. You have a new subscriber/fan here.
Wow, thank you so much for your kind words! We really appreciate it. Good luck and have fun in your learning journey 😊
- Kat
@@CodeWithChris totally agree with you!
Chris I would like to say thank you on behalf of everybody else who watches these videos as they have helped me really thrive in an area which I have struggled in! I saw the success stories and remembered what good of a teacher you are.
Thank you.
Bro I just want to say that your videos are the best video that I've ever seen in my entire life, ! !! please keep the good work up !!
It is this kind of support that makes use move forward!
@AdrienVillez
true
yeah
Chris, I passed by your iOS videos a few times. I was watching a complete tutorial elsewhere. I started watching yours' and just wanted to say, You ROCK.!! You're in depth explanations, I learned so much more than other training videos.
Thanks for your kind words!
- Kat
Stack View, specifically, is new to me, but feels somewhat similar to how HTML/CSS works with main/div/section/article tags. Absolutely loving the tutorials so far. You've put a lot of work into these and it shows. Thank you for making them.
I like tho thing of them like Lego.
@AdrienVillez
Just to add - this is a great service to all us trying to learn something new. I particularly value the support for practicing (as I certainly need it to learn this sort of thing). Thank you.
Our pleasure!
- Kat
stack views are definitely new to me! thank you chris for explaining so clearly bc its so easy to understand.
These Stack Views kick major butt. I'm glad you explained the constraints first for context but the SV's are awesome!
Both are really useful! Now if you take a look at SwiftUI, you'll see that Apple is making some changes to kick even more 🍑
@AdrienVillez
This is an amazing educational series! very motivational! unlike some other tutorial where the speaker is monotonous, Chris knows how to deliver the content nicely! and I love it how his team is ready to answer questions!!
Wow, thanks!! 🙌
- Kat
the Stack view is a new thing for me, it really simplifies the way we can do things, and relieves the stress of making sure you have all the constraints that you need to get your app done the way you want it. Such a useful feature, thanks for another great video, I can't wait to get my app completed and working the way I want. With your tutorials, I have full confidence that I will be able to get my app completed. Thank you.
This comment absolutely made our day. You are awesome! You'll only get better and better. And make sure to update us once you get that app "up" and running. :-) -Arthur
I have been searching and searching for someone to tell me how this works. You did an amazing job there.. Keep up the good work!
Thank you so much for this comment! Not the first time I hear someone saying this... wondering what others on CZcams actually teach if it takes so long for people like you to understand it with us! LOL
@AdrienVillez
I'm completely new to App Development however I'm not new to what I would consider this to be as templating. The rules are preassigned for easy use and quick workflow.
Well done on striking a balance between concise and relevant. I can see from the menus that you could very easily waffle on for over half an hour of what can be done but you resisted the urge and stuck to what is needed to get a start.
Kudo to your Chris and your editor for what looks to be an excellent series. I've watched 4 videos since 3am this morning while I am waiting for Xcode to Download. Great pace, relevant, flexible and very easy to listen to. Your calm manner makes learning easy. Congrats on such a good format.
Thanks for all your support! Motivates us for making more content!
-Kat
Videos are really well done. I’m watching the auto layout and stack view multiple times as it’s starting to make more sense.
Awesome! Glad we can help like this!
@AdrienVillez
Wow this is an amazing series man. I’ve learnt so much from only the first 3 videos and there is more to come. I am so excited to create a app to change the world one day all thanks to Chris.
Glad to hear it! Hope you have more fun in the next videos!
- Kat
As a complete beginner, app design has always looked so difficult to me but i'm following along so far. Just got my head around constraints.
Cool, you got this!
-Kat
Awesome videos! Been wanting to get into iOS development and this is the perfect start!
Thank you for choosing to learn with us!
-Kat
You know Chris, you are one of the patience and finest teachers. Great service that you are doing.
Cheers, Jadav! -Arthur
This an all your lessons are amazing! I just stared not too long ago learning and so far you're a great teacher, easy to understand and very professional.
Thank you! 🙌
- Kat
these tutorials are so simple and easy to follow, i just want to thank you so much for making these tutorials and getting me into app development!!
That's so good to hear, thanks for learning with us!🙌
-Kat
Very useful and I find stackview concepts far easier to maintain than direct contraints for everything.
You're an amazing teacher!
Thank you!! 🙌
- Kat
I'm an IT student and want to make my own app. I just started watching your video and loved it. Your method of teaching is amazing and very informative. I wish to have my own website one day. And just subscribed to your channel. You're doing a great job keep it up.
Thank you for learning with us! Best of luck!!
- Kat
Thank you Chris! Finally useful videos for coding and making apps. I appreciate it, please keep up the good work!
Thank you! Glad you found this super useful.
Kat
Yes, stack views are new to me. Thanks for such awesome videos! You make learning easy and fun!!!
This is amazing, I'm using this while creating my own app instead of downloading the files and making what you're making but I had three images, one label and one button and whenever I viewed it from anything apart from an 11pro nothing was right, I'd always get one image bigger than the other, but now three videos in and with the UI stack it doesn't matter what device I choose everything fits perfectly. Thank you so much for these videos, it was doing my head in why it didn't work with different sized devices
You're welcome!
- kat
Enjoying a lot the series! Please keep doing it!
Thank you!!!!
@AdrienVillez
Hi Chris, I don't know if you'll see this but I can't thank you enough for your videos. I was struggling with autolayout and constraints for the past week and almost gave up. But after watching your videos, I understood them clearly. Thank you so much for saving me.
Glad to know our tutorials have helped! Thanks for learning with us. :)
- Kat
I used to struggle with my other course, thanks to your videos I learn calmly and retain more information
Great to hear! Thanks for learning with us! :)
- Kat
Thank you Chris for making these videos! They help me alot!!!
Your support means a lot! :-) Thank YOU! -Arthur
Really enjoying your tutorials. Stack View kind of reminded me of Grouping objects in PowerPoint because you can select the items in the group/stack as one and align and distribute them relative to each other (as opposed to relative to the screen)
Thanks for learning with us, Adam! Appreciate your insights! :-) -Arthur
Neat, clean and crisp explanation. Just loved it !!
Thanks for your support, Karthikeya! :-) -Arthur
These classes are great. I'm very familiar with interface layout options, but its nice to have the review and see how they work in Xcode. Thank you!
Glad we helped you! Keep on going! :-)
Stack views were new to me but very straight forward. Great lessons keep up the great work!
Glad you enjoyed this video! Thanks for watching!
-Kat
Excited to learn from you Chris and I am glad I found a channel where I can do my own project in swift. I hope to one day build my own app so i can advance in my career and be an iOS dev.
Glad to know we have inspired you with our tutorials. I wish you all the best in your app development journey! :)
-Kat
Thank you so much for your time and effort you put into this lesson, I just started to learn Swift a few months ago on Udemy, but with your help on CZcams, and I am really enjoying the flow.
Welcome to this channel! Hope we can shine some light on all this with you!
@AdrienVillez
Great tutorial Chris! It really helps to grasp key ideas and techniques in a very logical way! Thank you!!
Thanks for the feedback! Is Swift your first programming language?
Kat
@@CodeWithChris Hi! I had some computer science courses a while back, and Swift is certainly my first language that I want to use for great apps!
Great stuff chris! super helpful
Thank you so much! Glad it's been super helpful for you!
-Kat
Thanks man im enjoying the series alot!!!
Glad to have you here!
@AdrienVillez
Hello mate i dont usually comment on videos but i wanted to let you know what a great job you are doing. Growing up i had very bad teachers who were just writing things on the board that wouldnt even make sense. You on the other hand i can actually understand and u managed to sparked that fire that i had growing up on being a coder. I currently work 14 hours a day in a job that i dont mind but its not as fulfilling and i always felt that i had to go back into coding. One day i came across one of your videos and that was it. I wanted to personally thank you and just to remind you that you are doing a great job. I can actually follow my dreams again.
Hello Stefanos, thanks for your comment. Reading messages like this truly motivates us to keep making more quality content on this channel. I hope you'll be able to finally fully pursue coding soon. Good luck on your iOS journey. :)
- Kat
Just getting into app development and website development and I’m glad that he does it all for free,I’m thankful for every free knowledge he gives us and what impresses me is he liked and answered every command 👍🏻
Thanks for your kind words. :)
- Kat
loved it... best tutorial I could find on CZcams.
Glad it was helpful! - Pat
This is the best tutorial on UIStackViews. Helped in my project, Thank you!
Glad it helped! Thanks for watching! - Iñaki
This is so easy to understand - it leaves all questions answered! 10/10 would recommend watching these videos
You are so kind! We are beyond grateful! :-) -Arthur
Not new but thanks to you I understand them better. Thanks.
Another amazing lesson, easy to understand, what's important - no need to know any code .
Thanks for the feedback! It's really encouraging. :)
Kat
To add to my comment below, I have been programming iOS apps for fun since 2012, so I'm not a novice, I kinda know my way around, or so I thought. In the first 2 videos I watched of yours, I learned a LOT
We're glad! 🙌
- Kat
I like how you prepared the assets for us thank you!
Welcome!
- Kat
these ideas are amazing never give up!
Thank you! 🙌
- Kat
Chris thank you so much
best video i've ever seen on the internet for ios application development tutorial,i aprreciate it..long live chris
Thank you so much!
Kat
Chris you are eloquent in your approach to teaching
Thank you for the compliment! 😊
-Kat
Yeap another excellent video! Thank you!
Thank you! 🙌
- Kat
I'm so excited for User Interface! :D
Awesome, just keep the excitement and have fun learning!
-Kat
No cap I'm just a teen trying to make an app and your the best at first I was just going to spend weeks learning code but u helped me the best thanks.
Yay, the youth is the future! Keep on going! :-) -Arthur
thanks, your detailed info is so awesome.
Thanks a lot!
-Kat
You are simply awesome Chris!! Love from India!!
Love from Canada! You are more awesome! :-) -Arthur
You are awesome Chris!!! Thank you.
Thanks for your kinds words!
-Kat
Learning a lot so far. Thanks a lot
Awesome! Glad we can help!
@AdrienVillez
very clear instructions, great work, thanks a lot :)
Thank you for all of your kind comment! Good luck exploring iOS and Swift
@AdrienVillez
Thank you for the clean explanation.
Thank you for watching! - Pat
Great explanation! My initial thought was
to use nest the first Stack view in a second Stack view (containing the Social Squid text and the first Stack view) to use even less constraints.
Good concept, you should try it to see how it works :). you might even want to discuss and exchange ideas on our forum at codecrew.codewithchris.com
- Francis
dude you are great man great job love your videos
Thanks for the kind words!🙌
- Kat
Hey, just wanna say hi as my class is learning about coding and I came here and saw this video. Thanks for your great content man, really appreciate it 😊
Wow, we can't thank you enough for your support! :-) -Arthur
You are a legend you are giving out the blue print to be successful while making apps I never met you but I love you my friend 🐐🐐🐐
Thank you! 🙌
- Kat
Very informative !!! THANK YOU
You are so welcome!
- Kat
Thank you. Great tutorial.
Cheers! Thanks for learning with us! -Arthur
Thanks for your tutorial:) nice work
You're welcome 😊
- Kat
Your lessons are really useful.
Thanks for your that.
Glad it helped! Thanks a lot for watching!
-Kat
You are the coolest bro
Thanks for these tutorials
Thank you! 😎
@AdrienVillez
Your video's are the best .
They are really helpful
Thank you so, so much, Esther! :-) -Arthur
Nice video! Your videos are so helpful!
Happy to hear that!
- Kat
Chirs you are Rocking I m new is this field but whenever I have any difficulty just see your video related to my prob and get solution. thank you soo much to make swift easier for us
You're the best, thank you so much! -Arthur
Thank you, Man! 🫡
Congrats for your videos. I'm an old programmer and now I want to study new language as Swift and I think I found the right place.
Well, we are happy to have you here! Old and new programmers, we are all here to learn and help each other too! Join us in our brand new community! bit.ly/CodeCrewCommunity
@AdrienVillez
Thank you, it works perfect!
Thank you for watching! - Pat
I am enjoying these lessons. I've used a variety of GUI libraries and tools going back to the Stone Age. (This one looks great.) The idea of containers has been around since X-Windows in the 80s so I'm familiar with that.
Cool, thanks!! 🙌
- Kat
Hey Chris! Great vids so far, I’m learning a lot! Just wondering which Mac pc do you use?
Here are all the tools! codewithchris.com/mygear/
-Kat
Nicely explained :) Good worked.
Thanks a lot 😊
- Kat
@@CodeWithChris Welcome :)
Awesome video 🎉
I don't even code and you've inspired me to start. Thanks!
That's awesome! Thanks for learning with us. 😊
-Kat
keep up the good work! Thank you.
Thank you so much, it's so encouraging!
-Kat
You are superman! Thank you very much for these lessons!!!! In these lessons, I am learning code and English!))
You are too kind! Comments like this one just fuel us to keep on making more quality content. We appreciate you so much! :-) -Arthur
thank you, well explained
Happy to know this, Austin. Thank you! -Arthur
By the title of the video, I thought we were going to learn about stack data structures. Though I didn't learn what I thought I would, UIStackView is really cool! My last app page was a real mess...stackview will hopefully take care of that!
Aahhaha, sorry for the confusion but glad that you learned something! yes UIStackViews are like 2 to 3 years old and they are making a huge difference!
@AdrienVillez
It works! Thanks a lot.
You're welcome! - Pat
Bro I love you lol. You don't know how much this help me out appreciate you
Thanks for watching! I'll be sure to let Chris know :) - Iñaki
I really like this channel, very helpful. ^^
Really happy to have you here!
@AdrienVillez
this is going to be great!
Thank you! Cheers! - Pat
Thank you so much bro. Sending virtual hugs. Worked like a charm ;-)
Virtual High Five coming your way!
@AdrienVillez
Thank you Chris :)
Enjoy! 😊
-Kat
Hi Chris, enjoying the series of tutorials. Are there any lessons showing the basics of creating a document from an app?
Hello, kindly post your question in our CodeCrew forum so that our technical support staff there can assist you. Go here: codecrew.codewithchris.com. Thanks for learning with us! -Arthur
Best Channel Ever!
Thank you! 🙌
- Kat
In the way that Apple is using them, yes. I have used in other languages some type of stack views but this one buy far is the one with the most customizations that I've seen.
Great! It's nice to get some comment about similar stack views on other languages.
@AdrienVillez
that was a nice video it definitely helped out, thankyou so much and you just earned a sub
Awesome, thank you! - Pat
Thanks Chris 🙏🏿
Thanks for watching!
-Kat
How can anyone leave a dislike on such a good tutorial?
I know, right 🤷♀️ Thanks for watching! :)
- Kat
Hey Chris, I really like your videos and have told my friends about your channel and they seemed to like it too. Also, I request you one thing..pls make tutorials for multipeer connectivity in Swift Xcode. I feel that topic also needs some videos. Thanks a lot Chris!
Thanks for your support, Leo! Appreciate it! Kindly post your suggestion on our Ideas board. Go here: app.productstash.io/codewithchris#/ideas Thank you! -Arthur
Thank you I really appreciate this 😭😭😭
We appreciate you more! Keep on having fun. -Arthur
you are one of the best
Hello Ali, thank you so much! That's so nice of you to say.😊
-Kat
im very new to this but you do a good job explaining. I am pretty tech savy and was just something i decided i wanted to start picking up...havent had any questions ..YET... im sure there will be a miillion
Thanks for the awesome feedback! For coding help, just head over to bit.ly/CodeCrewCommunity so we can help the best as we can!
- Kat