Beginning iOS Storyboarding with Xcode: Easily Design and Develop Your App, from Concept and Vision to Code

634 Pages·2012·41.47 MB·English

by  Rory Lewis

Beginning iOS
Storyboarding with
Xcode
Easily Design and Develop Your App, from Concept
and Vision to Code
•••
Rory Lewis
Yulia McCarthy
Stephen M. Moraco
Beginning iOS Storyboarding with Xcode
Copyright © 2012 by Rory Lewis, Yulia McCarthy, and Stephen M. Moraco
All rights reserved. No part of this work may be reproduced or transmitted in any form or by any means,
electronic or mechanical, including photocopying, recording, or by any information storage or retrieval
system, without the prior written permission ofthe copyright owner and the publisher.
ISBN 978-1-4302-4272-7
ISBN 978-1-4302-4273-4 (eBook)
Trademarked names, logos, and images may appear in this book. Rather than use a trademark symbol
with every occurrence of a trademarked name, logo, or image we use the names, logos, and images only in
an editorial fashion and to the benefit of the trademark owner, with no intention of infringement of the
trademark.
The use in this publication of trade names, trademarks, service marks, and similar terms, even if they are
not identified as such, is not to be taken as an expression of opinion as to whether or not they are subject
to proprietary rights.
President and Publisher: Paul Manning
Lead Editor: Matthew Moodie
Technical Reviewer: Matthew Knott
Editorial Board: Steve Anglin, Mark Beckner, Ewan Buckingham, Gary Cornell, Morgan Ertel,
Jonathan Gennick, Jonathan Hassell, Robert Hutchinson, Michelle Lowman, Matthew Moodie,
Jeff Olson, Jeffrey Pepper, Douglas Pundick, Ben Renow-Clarke, Dominic Shakeshaft, Gwenan
Spearing, Matt Wade, Tom Welsh
Coordinating Editor: Brigid Duffy
Copy Editor: Corbin Collins
Compositor: Bytheway Publishing Services
Indexer: SPi Global
Artist: SPi Global
Cover Designer: Anna Ishchenko
Distributed to the book trade worldwide by Springer Science+Business Media, LLC., 233 Spring Street, 6th
Floor, New York, NY 10013. Phone 1-800-SPRINGER, fax [phone], e-mail orders-ny@springer-
sbm. com, or visit www.springeronline.com.
For information on translations, please e-mail [email protected], or visit www.apress.com.
Apress and friends of ED books may be purchased in bulk for academic, corporate, or promotional use.
eBook versions and licenses are also available for most titles. For more information, reference our Special
Bulk Sales-eBook Licensing web page at www.apress.com/info/bulksales.
The information in this book is distributed on an "as is" basis, without warranty. Although every
precaution has been taken in the preparation ofthis work, neither the author(s) nor Apress shall have any
liability to any person or entity with respect to any loss or damage caused or alleged to be caused directly
or indirectly by the information contained in this work.
The source code for this book is available to readers at www.apress.com.
To my mother, Adeline. Thank you for those 13 hours! Love you.
-Rory
To my amazing mom-the most caring and supportive person I've ever known.
Thank you for your endless love!
-Yulia
To Donna, my wife of3 1 years, my best friend and travelling companion through this life and
around this beautiful planet. Without your support and encouragement, many of my efforts
throughout our time together would not have been possible, nor nearly as enjoyable. I look
forward to our upcoming years together.
To my son Steve, for sharing in our many endeavors together, for your graphics contribution to
our first joint iOS app, 9CardGolf in the App Store, but most importantly for being a shining
example to me, and I hope to others, of constant self-motivation and constant learning, and for
maintaining a youthful passion for learning about the universe in which we live. I look forward
to seeing where you go with your photography passion and the life ahead ofy ou.
-Stephen
-------
Contents at a Glance
Foreword: About the Authors ....................................................................... viii
About the Contributing Author ...................................................................... xii
About the Technical Reviewer ...................................................................... xiii
Introduction .................................................................................................. xiv
Chapter 1: Preliminaries ................................................................................. 1
Chapter 2: Fundamentals .............................................................................. 27
Chapter 3: Storyboarding with MapView ...................................................... 91
Chapter 4: Building a Utility Application ..................................................... 159
Chapter 5: Storyboarding a Page-Based App .............................................. 211
Chapter 6: Mastering Table Views with Storyboarding: Core Data ............ 273
Chapter 7: Mastering Table Views with Storyboarding: Designing ............ 305
Chapter 8: Mastering Table Views with Storyboarding: Coding ................. 383
Chapter 9: Single View ##: wanderBoard Part 1. ........................................ 477
Chapter 10: Single View #3: wanderBoard Part 11 ....................................... 503
Chapter 11: Single View #3: wanderBoard Part III ..................................... 569
Chapter 12: How Far You've Come .............................................................. 609
Index ........................................................................................................... 613
iv
-------
Contents
Foreword: About the Authors ....................................................................... viii
About the Contributing Author ...................................................................... xii
About the Technical Reviewer ...................................................................... xiii
Introduction .................................................................................................. xiv
Chapter 1: Preliminaries ................................................................................. 1
Necessities and Accessories .........................................................................................1
Getting a Mac ......................................................................................................................................................... 2
x. ...........................................................................................................................................................
Getting OS 4
Become a Developer ............................................................................................................................................... 6
Getting Ready for Your First iPhone/iPad Project.. ....................................................... 17
Installing DemoMonkey ................................................................................................2 1
Chapter 2: Fundamentals .............................................................................. 27
helioAlien: A Quick Example Application ...................................................................... 35
Preliminaries ........................................................................................................................................................ 36
Step1: Create a Button That Segues to a Secondary View ................................................................................... 38
Step 2: Pass Information Back from a Secondary View (Alien View) to the Main View ........................................ 47
Step 3: Send Information Out to the Secondary View (Alien View) ....................................................................... 70
Step 4: Custom Segue .......................................................................................................................................... 83
Chapter 3: Storyboarding with MapView ...................................................... 91
flickrPhotoMap: A Single View App .............................................................................. 92
Preliminaries ........................................................................................................................................................ 93
Step 1: Setting Up the Data Connection and Displaying Geotagged Photos on a Map ......................................... 94
Step 2: Making a Transition to a Secondary Scene from Annotation Callouts ................................................... 121
Step 3: Creating a Modal Scene that Allows the User to Rate Your Photos ........................................................ 140
Chapter 4: Building a Utility Application ..................................................... 159
utilityScales: A Utility App ..........................................................................................1 60
v
CONTENTS
Preliminaries ..............................................................................................................1 61
Step 1: Setup ..............................................................................................................1 62
Step 2: Prepping the Storyboard ................................................................................ 171
Step 3: Coding the Flipside View Controller ............................................................... 181
Chapter 5: Storyboarding a Page-Based App .............................................. 211
futureTravel: A Page-Based App ................................................................................ 212
Preliminaries ..............................................................................................................2 12
Step 1: Create from Template ....................................................................................2 13
Step 2: Prep Storyboard .............................................................................................2 25
Step 3: Code: ModelControlier ...................................................................................2 36
Step 4: Code: DataViewControlier .............................................................................. 254
Step 5: Code: RootViewControlier .............................................................................. 265
• Chapter 6: Mastering Table Views with Storyboarding: Core Data •••••••••••• 273
bookManager: A Master-Detail App ........................................................................... 274
Preliminaries ..............................................................................................................2 77
Step 1 of 3: Set Up files, Images, Core Data and Data Model .................................... 278
Chapter 7: Mastering Table Views with Storyboarding: Designing •.•......... 305
Step 2: Storyboarding the App ...................................................................................3 05
Configuring the Master Scene ............................................................................................................................ 306
Designing the Top Level Views: Categories Scene ............................................................................................. 311
Designing the Top Level Views: Authors Scene .................................................................................................. 321
Laying Out the Main Book List View: Books Scene ............................................................................................ 329
Storyboarding the Detail View: Book Detail Scene ............................................................................................. 341
Creating the UI for Entering and Saving New Data: Add Book Scene ................................................................. 348
Making Final Tweaks .......................................................................................................................................... 374
Chapter 8: Mastering Table Views with Storyboarding: Coding •.•.............. 383
Step 3: Insert the Code Behind the Storyboard Elements and Tweak ...................... 383
Creating a Custom UITableViewCell subclass .................................................................................................... 384
Modifying the Detail View Controller .................................................................................................................. 387
Creating the SelectionViewControlier ................................................................................................................. 397
Coding the Add Book View Controller ................................................................................................................. 402
Hooking Up the Books Scene ............................................................................................................................. 421
Adding Code for the Categories Scene ............................................................................................................... 442
Implementing the Authors Scene ....................................................................................................................... 456
Wrapping Up and Loading Test Data .................................................................................................................. 470
Chapter 9: Single View ##: wanderBoard Part I ......................................... 477
wanderBoard: A Single-View App ..............................................................................4 77
Preliminaries ..............................................................................................................4 80
How We Created our 3D Landscape ................................................................................................................... 481
vi
CONTENTS
Step 1: Set Up the Files, Project Settings, and Assets ............................................... 483
Step 2: Prep the Storyboard ....................................................................................... 483
Chapter 10: Single View #3: wanderBoard Part 11 ....................................... 503
Step 3: Finish the ViewControlier Header and Implementation Files ......................... 504
Step 4a: Create the Next Eight Scenes with Assistance ............................................ 510
Scene 2. .............................................................................................................................................................. 512
Scene 3. .............................................................................................................................................................. 52B
Scene 4. .............................................................................................................................................................. 53B
Scene 5. .............................................................................................................................................................. 546
Scene 6. .............................................................................................................................................................. 551
Scene 7. ..............................................................................................................................................................5 54
Scene B. .............................................................................................................................................................. 559
Scene 9. .............................................................................................................................................................. 562
Chapter 11: Single View #3: wanderBoard Part III ..................................... 569
Step 4b: Create the Final Nine Scenes ....................................................................... 569
Chapter 12: How Far You've Come .............................................................. 609
Final Thoughts ...........................................................................................................6 09
Multiple Storyboard Files in One Application ...................................................................................................... 610
Having All .xib Files in One Storyboard Basket.. ................................................................................................. 611
What Do You Mean, Not All Scenes Are Appropriately Placed in Storyboard Files? ........................................... 612
Hey, I Have Questions! ...............................................................................................6 12
II Index ........................................................................................................... 613
vii
-------
Foreword: About the Authors
The three authors have found a beautiful way to lead the beginner into Storyboarding and at the
same time show the old school coders of Objective-C a new exquisite methodology for learning
and debugging this incredible tool. Essentially, you have a guru of explaining complex Objective
C to beginners, a former Apple iOS intern, and a super-successful, old-school coder showing
many people from many different walks of life the alpha and omega of Storyboard creation,
debugging, and tweaking.
. .
Dr. Rary Lewis Stephen M. Yulia McCarthy
Maraca
Dr. Rory Lewis
Rory and I met in L.A. in 1983. He reminds me of one of my favorite film characters: Buckaroo
Banzai-always going in six directions at once. If you stop him and ask what he's doing, he'll
answer comprehensively and with amazing detail. Disciplined, colorful, and friendly, he has the
uncanny ability to explain the highly abstract in simple, organic terms. He always accomplishes
what he sets out to do, and he'll help you do the same.
viii
Why You'll Relate to Dr. Lewis
While attending Syracuse University as a computer-engineering student, Rory scrambled to pass
his classes and make enough money to support his wife and two young daughters. In 1990, he
landed a choice, on-campus job as a proctor in the computer labs in the L.c. Smith College of
Engineering. Even though he was struggling with subjects in the Electrical Engineering program,
he was always there at the Help Desk. It was a daunting experience for Rory because his job was
only to help his fellow students with computer lab equipment questions, yet he invariably found
his classmates asking deeper and harder questions: "Dude, did you understand the calculus
assignment? Can you help me?!"
These students assumed that, because Rory was the proctor, he knew the answers. Afraid
and full of self-doubt, he sought a way to help them without revealing his inadequacies. Rory
learned to start with: "Let's go back to the basics. Remember that last week when the professor
presented us with an equation ... ?" By going back to the fundamentals, restating and rebranding
them, Rory began to develop a technique that would, more often than not, lead to working
solutions. By the time his senior year rolled around, there was often a line of students waiting at
the Help Desk on the nights Rory worked.
Fast-Forward 17 Years
Picture a long-haired, wacky professor walking through the campus of the University of Colorado
at Colorado Springs, dressed in a stunning contrast of old-school and dropout. As he walks into
the Engineering Building, he's greeted by students and faculty who smile and say hearty hellos,
all the while probably shaking their heads at his tweed jacket, Grateful Dead t -shirt, khaki pants,
and flip-flops. As he walks down the hall of the Computer Science Department, there's a line of
students standing outside his office. Reminiscent of the line of students that waited for him at the
Help Desk in those early years as a proctor in the computer lab, they turn and greet him, "Good
morning, Dr. Lewis!" Many of these UCCS students aren't even in his class, but they know Dr.
Lewis will see them and help them anyway.
Past-Present-Future
Dr. Lewis holds three academic degrees. He earned a Bachelor of Science in Computer
Engineering from Syracuse University. Syracuse's L.c. Smith College of Engineering is one of the
country's top schools. It's there that Intel, AMD, and Microsoft send their top employees to study
for their PhDs.
Upon completing his BS (with emphasis on the mathematics of electronic circuitry in
microprocessors), he went across the quad to the Syracuse University School of Law. During his
first summer at law school, Fulbright & Jaworski, the nation's most prolific law firm, recruited
Rory to work in its Austin office, where some of the attorneys specialize in high-tech intellectual
property patent litigation. As part of his clerking experience, Lewis worked on the infamous AMD
v. Intel case; he helped assess the algorithms of the mathematics of microprocessor electrical
circuitry for the senior partners.
During his second summer in law school, Skjerven, Morrill, MacPherson, Franklin, &
Friel-the other firm sharing the work on the AMD v. Intel case-recruited Rory to work with
them at their Silicon Valley branches (San Jose and San Francisco). After immersing himself in
law for several years and receiving his JD at Syracuse, Lewis realized his passion was for the
mathematics of computers, not the legal ramifications of hardware and software. He preferred a
nurturing and creative environment rather than the fighting and arguing intrinsic in law.
After three years away from academia, Rory Lewis moved south to pursue his PhD in
Computer Science at the University of North Carolina at Charlotte. There, he studied under Dr.
Zbigniew W. Ras, known worldwide for his innovations in data mining algorithms and methods,
distributed data mining, ontologies, and multimedia databases. While studying for his PhD,
Lewis taught computer science courses to computer engineering undergraduates, as well as e
commerce and programming courses to MBA students.
ix