Join Todd Perkins for an in-depth discussion in this video Understanding screens and storyboards, part of Building a Note-Taking App for iOS 7.
- View Offline
…iOS application layout is done using something called storyboards.…To see the storyboard for your application, click on Main.storyboard.…In here, we see some things that say Navigation…Controller, and scrolling to the right, Table View and Detail.…And, this is where you're going to edit the visual…content of your application and connect various elements to code.…So I'm going to go to where it says…Table View, and I'm going to double click on Master.…In here I'm going to type in Plain Ol' Notes.…
That way we'll see the title of our application when we launch it.…Now I'm going to scroll to Detail, double click that and type in Note.…And now if you want to edit a screen, for example, the screen on the right here.…It says detail view content goes here.…That's a text label.…If we wanted to have that be a text field that filled the…entire screen, we have to delete that and replace that with a text field.…So let's do that.…I have the label selected, and you can tell it's selected by the blue background.…I'll click delete on my keyboard and click the…
These courses take you through building a complete mobile app from scratch; this installment uses the iOS SDK and Xcode to get the job done. Author Todd Perkins shows you how to create an Xcode project, lay out apps visually, connect UI elements to code, and save data to persistent storage. Start here, and compare and contrast your results with the other courses to learn about the differences and similarities of the platforms.
- Previewing the note-taking app's features
- Creating the Xcode project
- Using local data storage
- Creating a data class
- Saving data to a file
- Understanding screens and storyboards
- Creating and editing notes
- Controlling note display in a table view
- Deleting notes