How To Make an App – Ep 6 – Auto Layout in Xcode 7 (iOS 9)

How To Make iPhone Apps with NO Programming Experience!
Lesson 6: Auto Layout in Xcode 7

This lesson introduces auto layout in Xcode 7 as we create the user interface for our War card game.

This video series uses the latest and greatest from Apple (Xcode 7, Swift 2, iOS 9) 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.

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

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!


CodeWithChris is dedicated to teaching beginners and non-programmers all about building iOS apps. 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, Objective-C, Xcode and app building from my course and materials!

Intro & Outro music
“Heartbreaker” by Jahzzar (






48 responses to “How To Make an App – Ep 6 – Auto Layout in Xcode 7 (iOS 9)”

  1. Nhu Hoang Truong Avatar

    Important layout instructions and good video speed ! Thanks

  2. al imren Avatar

    Thanks Bro, I have a problem, when i update the frame it's not display my storyboard but it's working, what this problem ? can you help me anybody ?

  3. D bros Avatar

    IOS reallllly sucks lol…This is so much easier for android

  4. Swagstar boyy Avatar

    i can't update frames. It is no option

  5. Ruben Ringeling Avatar

    Hi Chris,
    I run xcode 8 and if I click "update frames" it won't update the frames.
    Can you help me please?

    (Give it thumps up so he sees this!)

  6. kosiara87 Avatar

    Thanks. That was helpful.

  7. Yuce Minareci Avatar

    Hi Chris, I am doing exactly the same what you show but size is not changing. Is it because the new version 8 ?

    Thank you

  8. The Decoder Avatar

    Can anybody help me I did not understand Constrain To Margin

  9. James Myerscough Avatar

    pretty helpful but holy shit get on with it. you take forever to explain very simple tasks

  10. David S. Avatar

    Thank you for your videos, really helpful for a beginner, but honestly I'd like to start with coding, more honestly, visual studio 2015 (windows) is better. But yor videos are awesome, apple not…

  11. Bruno Moreira Avatar

    Very helpful video! You teach in a clear way, that is easy to understand. Thank you!

  12. Daniel Avatar

    I just couldn't get my head around why my labels, images, buttons etc weren't showing… Now you've explained everything so clearly. Thank you so much.

  13. leonalex2197 Avatar

    These videos really help! Thank you

  14. Luke Forrest Avatar

    I have a problem! Please help!! When i open my simulator nothing comes up. 🙁 How can i make it show up when i open it up?

  15. Fabian Bückle Avatar

    Really nice tutorial but I'm facing a problem where someone might could help me.

    If you use the y-center as y constraint you have no problem but I need to exactly set my y constraints.
    The problem is that the y-size of the iPhone 4 is much smaller than the y-size of the iPhone 6(+).

    If I want to support both devices I can use almost only half of the screen of the iPhone 6(+) because if I use the whole screen and add y-constraints to the top and bottom it does not work for the iPhone 4 since the constraint lengths are way too big.

    How can I use the whole screen of the iPhone 6 and similarily use the full screen of the iPhone 4?

  16. taytayrmorton Avatar

    Hey man, what do you use to record your screen/edit? (zoom in and out on your cursor etc.)

  17. w hansen Avatar

    You are A M A Z I N G !!!

  18. Sponzor Avatar

    it takes to long FOR ME to get the fake iphone so i am using mine BUT IF WAS SO FUN AND HELPFUL THANKS 🙂

  19. N V Avatar

    Awesome tutorial!

  20. Rafael Lobato Avatar

    Thanks for sharing!

  21. Rishabh Agarwal Avatar

    Dude you're awesome! I subbed

  22. Jaemar Malavi Avatar

    I called mine  Peace, will it make a difference?

  23. Tessa Lala Avatar

    Yaay! Thanks heaps Chris. I'm excited to learn something new.

  24. Roberto Mendoza Avatar

    man it is a good tutorial but i think it too slow. I know it is for beginners but could you make a video for Experience programming people like "xcode with programming experience"?

  25. ramesh rc Avatar

    Thanks Chris !! Great tutorial 🙂

  26. Jason Kautz Avatar

    that one dislike is a troll

  27. alnsr Avatar

    nice video simple and helpful

  28. Miguel Vazquez Avatar

    Well explained, thanks!

  29. FABS FABS Avatar

    My cards shows like 2 seconds then they disappear, what am i doing wrong?

  30. Aditya Nair Avatar

    My ios simulator is wrong. The image box does not appear in the middle even though i used center y.

  31. LazerBeam Focus Avatar

    I created a layout configured for iPhone 4. When I create an iPad in the storyboard Preview, the UI images, buttons and other elements do not load onto the iPad, as expected since I originally created it using the iPhone 3.5 inch layout. Is there a way to auto layout those elements so that they load onto the iPad, by using all the work that I did for the iPhone, without breaking my file…

  32. Shivek Iyer Avatar

    Amazing videos dude!

  33. Sumit Chakrabarty Avatar

    After al long a time I'm thanking somebody for a youtube tutorial. Thanks Chris!!!

  34. Jesse B Avatar

    Oh, so helpful!

  35. Garbo Hsu Avatar

    Great video! Thank you very much!

  36. Moksh shah Avatar

    im an eleven year old trying to make a simple app and you helped me a lot thanks!.

  37. Moksh shah Avatar

    your the best chris!!!!!!!!!

  38. George V Avatar

    i can finally understand how this works :))
    thanks a lot

  39. Sanghoon Kang Avatar

    Now I'm really learning!! Thank you so much! Chris!

  40. edisonsim3 Avatar

    Right hand corner add new alignment constraints, i cant find it in my xcode

  41. Andy Galicia Hernández Avatar

    It really works, thank you a lot bro !

  42. Niaz Mohammad Avatar

    The best tuts on youtube on iOS apps

  43. Myrslokstok Avatar

    Kind off starts at 3:30, good stuff.

  44. Forsaken Gnome Avatar

    These video's really help! Thanks a bunch!

Leave a Reply

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