How To Build iPhone Apps - S01E05: Building Our Demo App in XCode Part 2

Get a customized roadmap for your app and start building it in 7 days:

In this final episode 5, we finally put what we've learned into action! We're going to start coding in XCode 4. Follow along and build a simple dice rolling app.

This is Part 2 of 4 for Episode 5.

In case you missed earlier episodes:

How To Build iPhone Apps - S01E01: Introduction, Demo App and Installing XCode

How To Build iPhone Apps - S01E02: XCode Interface Introduction and Tutorial

How To Build iPhone Apps - S01E03: iOS Architecture Model View Controller (MVC)

How To Build iPhone Apps - S01E04: Your XCode Project Files Demystified

Learn How To Build iPhone and iPad Apps. A video tutorial series aimed at beginners. Step by step tutorials to build your skills in iOS Development!

The goal is to get apps submitted into the Apple App Store and to have fun doing it! I will teach you the basics of using XCode, architecting iPhone and iPad applications, designing the user interface, coding it in Objective C, all the way to monetizing it and putting it into the Apple App Store.

This first tutorial series of videos is going to teach you the basics of iOS development before we can get into some serious app building. We're going to build a basic iPhone demo app together step by step to teach you the basic building blocks of iOS development. By the end of this series (approximately 8 videos) you'll have a good understanding of what an iPhone view is comprised of and how to put different user interface elements on the screen and make them respond to the user's touch.

Follow along and please remember to COMMENT below to ask questions, LIKE this video to keep me going and SUBSCRIBE to never miss a video and get free giveaways once I reach 500 subscribers!

[CodeWithChris]

Thanks Brad, that's really good feedback for when i redo these videos! And thanks for the comment about my teaching :) i'm not naturally a teacher so this is new to me too and i'm glad its being well received!

[CodeWithChris]

Hey Brad, thanks for watching! I wasn't sure if you were still around :)
I'm going to reupload the video in 1080p. I must've missed something due to my amateur video producing skills :P

Your assumption is correct. You can't drag DieView (subclass of UIView), onto the Interface Builder designer. You have to drag a UIView element from the library in the lower left and then set it to your custom subclass.

[CodeWithChris]

Hey Brad, thanks for the question! We could have definitely just dropped two UIImageViews into the interface, create properties in ViewController to access the two UIImageViews and then in the roll button handler, just change the images in the UIImageViews. You're right! I think I'm just so used to abstracting things that I created a DieView so that I can resuse that functionality it somewhere else but it wasn't needed for the purpose of this demo! Astute observation Brad!!

[CodeWithChris]

Hey atmoznl, thanks for the feedback! I'll try to fix this for the next videos!

[IxZOMBxI]

you are a great teacher man! i really like how you break the videos up in small pieces. allows us to know when we could leave off at checkpoints

[CodeWithChris]

In the last minute of the video, we have a property (think variable) which we check if it's not initialized yet, then we initialize it to an instance of UIImageView. This will be responsible for showing the Die image.

Then we add the UIImageView element as a layer of our DieView (UIView) for display. And then when we add the DieView to our interface, the UIImageView will be visible in the UI.

[CodeWithChris]

Thanks for your great comment. I hope you continue to watch!

[CodeWithChris]

This method of view creation (using Interface Builder), is easier to teach and for people to understand, but for more complex views it's necessary to scrap Interface Builder and instead, build your UI programmatically.

[CodeWithChris]

PS. Now that i'm getting more comfortable creating videos, i think i'm going to re-do these ones (at least the 4 parts of episode 5). Going to have bigger text in 1080p and try to move slower to explain what is happening. And i'll probably remove DieView based on your observation :)

[CodeWithChris]

Hello ByConnect, that's ok!
XCode is just reminding you that you have declared a variable that currently isn't being used.
Once you use the variable later on in the method, the warning will go away.

The warnings help you identify variables that aren't being used once you finish coding! Once you're done, you should not have any unused variables.

[CodeWithChris]

Hey Ossondre, please download the Source Code in the link in the description. It'll really help you!

Thanks

[CodeWithChris]

Hey Alexander, is this a new project you created or the one you downloaded from the video? You should still see the XIB file..

[bradsatz]

Chris also maybe define what the UIView is designed to do/show and what the UIImage is designed to do/show. Oh and keep up the good work I really like learning this way and I feel like your sitting next to me walking me through this. That is opposed to just lecturing me. Thanks!

[ossondre]

Thank you for the help!! CodeWithChris

[Tipsy]

thank you so much, great tutorial dude ;)

[DJcyberslash]

Hey Alexander, I had the same problem when I started about yesterday or 2 days ago. Make sure when you make the project that only the middle check out of of all 3 is checked. that will fix you problem. Hope this helps :D

[CodeWithChris]

Hey ossondre, I'm not sure i understand. Which part are you stuck on?

[CodeWithChris]

Hey guys! Let me know if you have any questions in the comment section and i will answer them within the day!

Please help me gain exposure by liking, sharing and commenting my video if you enjoyed it! Thanks!

[ByConnect]

Thank you so much for the reply. :) I am fairly new to app dev.

[CodeWithChris]

Hey ossondre, if you're still stuck on this, please send me a message with your code and i'll see what i can do! thanks