List of Figures

Chapter 1. Hello! iPhone

Figure 1.1. Successful Xcode and iPhone SDK installation

Figure 1.2. Location of Xcode on your Mac

Figure 1.3. The New Project dialog in Xcode

Figure 1.4. Single View Application

Figure 1.5. Tabbed Application

Figure 1.6. Page-Based Application

Figure 1.7. Utility Application

Figure 1.8. Empty Application

Figure 1.9. Saving your project

Figure 1.10. Xcode’s main window

Figure 1.11. Navigate menu

Figure 1.12. Editor menu

Figure 1.13. Product menu

Figure 1.14. Build results in Xcode

Figure 1.15. The iPhone simulator running the Single View Application template

Figure 1.16. Interface Builder main editor

Figure 1.17. Xcode’s Show Utilities toolbar

Figure 1.18. The Attributes Inspector

Figure 1.19. Interface Builder Colors dialog

Figure 1.20. Interface Builder’s Object Library Dialog

Figure 1.21. A sketch of Hello, World!

Figure 1.22. Hello, World! in Interface Builder

Figure 1.23. Hello, World! in the iPhone simulator

Chapter 2. Thinking like an iPhone developer

Figure 2.1. MVC diagram

Figure 2.2. Model diagram

Figure 2.3. View diagram

Figure 2.4. Controller diagram

Figure 2.5. The Calculator app

Figure 2.6. Views used in the Calculator app

Figure 2.7. How MVC works in the Calculator app

Figure 2.8. The Calculator app in landscape

Figure 2.9. Classes

Figure 2.10. uses-a relationship

Figure 2.11. has-a relationship

Figure 2.12. is-a relationship

Figure 2.13. Object interaction diagram for doing laundry

Figure 2.14. Object lifetime

Figure 2.15. Laundromat classes

Figure 2.16. Laundromat classes complete

Chapter 3. Coding in Objective-C

Figure 3.1. Sketch, design, code

Figure 3.2. Message with no parameters or return

Figure 3.3. Message with no parameters and an int return

Figure 3.4. Message with a string parameter

Figure 3.5. Message with multiple parameters

Figure 3.6. What errors you’ll get for each change

Figure 3.7. Syntax for a field (instance variable)

Figure 3.8. Syntax for a property

Figure 3.9. Syntax for an IBOutlet

Figure 3.10. Sketch of new Hello app

Figure 3.11. Parts of the view

Figure 3.12. The parts of the view that change

Figure 3.13. Say Hello view

Figure 3.14. Check box to hide views at start

Figure 3.15. Xcode’s assistant

Figure 3.16. Control-click and drag to create outlet

Figure 3.17. Name the outlet

Figure 3.18. Control-click and drag to create action

Figure 3.19. Set the connection type and name

Figure 3.20. What the sayHello message does

Figure 3.21. Property syntax

Figure 3.22. Syntax for accessing a property of a property

Chapter 4. Writing an app with multiple views

Figure 4.1. Sketch of flashcard start screen

Figure 4.2. Sketch of flashcards

Figure 4.3. Behavior of flashcards

Figure 4.4. FCCard model class

Figure 4.5. FCGame and FCCard model classes

Figure 4.6. FCGame, FCCard, and FCAnswerKey model classes

Figure 4.7. How the controller will use model information in the view

Figure 4.8. How the result controller uses game properties in the view

Figure 4.9. All flashcard classes working together

Figure 4.10. How the controllers will share an FCGame model using initWithGame

Figure 4.11. For each group, open the file dialog to create a folder.

Figure 4.12. How the class diagram maps to the header

Figure 4.13. FCViewController class diagram

Figure 4.14. Creating a viewcontroller class

Figure 4.15. Choosing the base class and target

Figure 4.16. Saving the viewcontroller class

Figure 4.17. FCCardViewController class diagram

Figure 4.18. FCResultViewController class diagram

Figure 4.19. The model classes

Figure 4.20. Creating a class

Figure 4.21. Objective-C syntax to send a message

Figure 4.22. Objective-C syntax to set a property to a new object

Figure 4.23. How answers are stored in a Card object

Figure 4.24. FCAnswerKey and FCCard class diagram

Figure 4.25. Creating cards from the String data on them

Figure 4.26. FCGame, FCCard, and FCAnswerKey class diagrams

Figure 4.27. Sketch of the FlashCards main screen

Figure 4.28. The FCViewController view

Figure 4.29. Connecting to an action

Figure 4.30. Sketch of a card

Figure 4.31. Card in Interface Builder

Figure 4.32. Connecting an outlet

Figure 4.33. Sketch of the result view

Figure 4.34. FCViewController sequence to show the first card

Figure 4.35. FCCardViewController sequence

Figure 4.36. FCResultViewController sequence

Chapter 5. Polishing your app

Figure 5.1. Weightbot main screen

Figure 5.2. Weightbot summary

Figure 5.3. Groceries main screen

Figure 5.4. An icon without rounded corners or a glossy effect

Figure 5.5. Dimensions of an icon

Figure 5.6. Selecting an app icon file

Figure 5.7. Icons in the Resources group

Figure 5.8. FlashCards icon on the home screen

Figure 5.9. Background image

Figure 5.10. Default image dimensions

Figure 5.11. Setting the background image in Interface Builder

Figure 5.12. Running the updated app in the simulator

Figure 5.13. How stretchable buttons work

Figure 5.14. The position of the left and top caps

Figure 5.15. What would happen if you just resized the button

Figure 5.16. Stretchable resize on a more complex button

Figure 5.17. Using a stretchable image on a button in Interface Builder

Figure 5.18. The app with stretchable buttons in the simulator

Figure 5.19. A push transition

Figure 5.20. An ease-in/ease-out animation over time

Figure 5.21. An ease-in animation over time

Figure 5.22. Adding the QuartzCore framework

Figure 5.23. A flip animation

Figure 5.24. The steps for animating a property of a subview

Figure 5.25. What the button animation will look like

Figure 5.26. Simultaneous animations

Figure 5.27. The button animation in the simulator

Figure 5.28. An overlapping animation with delays

Chapter 6. Working with databases and table views

Figure 6.1. What to store for a game result

Figure 6.2. What to store for a card result

Figure 6.3. Sketch of the new home screen

Figure 6.4. Sketches of the history screens

Figure 6.5. GameResult and CardResult classes

Figure 6.6. FCViewController's showHistory action

Figure 6.7. FCResultViewController’s saveGame message

Figure 6.8. The sequence of messages when saving a game

Figure 6.9. FCGameHistoryViewController messages

Figure 6.10. FCCardHistoryViewController messages

Figure 6.11. Making a Data Model in the New File dialog

Figure 6.12. Naming the data model

Figure 6.13. Data model editor

Figure 6.14. Adding attributes

Figure 6.15. Configuring parameters in the Data Model Editor

Figure 6.16. Creating a CardResult entity in the editor

Figure 6.17. Defining a relationship in the Data Model Editor

Figure 6.18. Creating a managed object in the New File dialog

Figure 6.19. Choose the entities to generate code for

Figure 6.20. Adding the Core Data Framework

Figure 6.21. The main Core Data concepts and how they work together

Figure 6.22. The object model and the persistent store coordinator

Figure 6.23. Persistent store coordinator and object context

Figure 6.24. Saving managed objects into the context

Figure 6.25. Managed objects and the object context

Figure 6.26. Creating a UIViewController

Figure 6.27. Making your view controller a subclass of UITableViewController

Figure 6.28. The interaction between the table view controller and Core Data objects to fetch data

Figure 6.29. Interaction between the table view controller and Core Data objects to show data

Figure 6.30. Delegates and protocols with fetched results

Figure 6.31. The sequence of messages for showing data in a table

Figure 6.32. Game result history in the simulator

Figure 6.33. Card result history in the simulator

Figure 6.34. Setting the current data model version

Figure 6.35. Ensuring that the latest version is correct

Chapter 7. Creating a photo-based application

Figure 7.1. Sketch of picking a face

Figure 7.2. Sketch of placing a disguise

Figure 7.3. State transitions when choosing a photo

Figure 7.4. State transitions for placing a mustache

Figure 7.5. The complex behavior enabled by tabs

Figure 7.6. The DIDisguise and DIDisguiseElement classes

Figure 7.7. The DIFaceViewController class and view

Figure 7.8. The DIDisguiseViewController class

Figure 7.9. The New Project dialog, where you choose the Tabbed Application template

Figure 7.10. Disguisey’s project settings

Figure 7.11. Renaming a class

Figure 7.12. The app’s storyboard

Figure 7.13. View controller in the Object Library

Figure 7.14. The app’s five views

Figure 7.15. The Tab Bar view controller

Figure 7.16. Connecting a view to a tab bar

Figure 7.17. Tab Bar Controller with four tabs

Figure 7.18. The storyboard when it’s finished

Figure 7.19. The app so far in the simulator

Figure 7.20. Tab mask images

Figure 7.21. View with tab titles and images set

Figure 7.22. Updated sketch of the face view

Figure 7.23. Setting the title and item button text

Figure 7.24. The completed face view

Figure 7.25. The tab-based applica-

Figure 7.26. A mustache on a transparent background

Figure 7.27. The disguise images in the Project Navigator

Figure 7.28. Placing disguise buttons on the view

Figure 7.29. Connecting the button’s touch event to an action message

Figure 7.30. The DIDisguiseElement class

Figure 7.31. The DIDisguise and DIDisguiseElement classes

Figure 7.32. Sequence of messages when placing a disguise element

Figure 7.33. The center of a disguise element

Figure 7.34. The photo picker in the simulator

Figure 7.35. The object interactions for picking a photo

Figure 7.36. Resizing a face to fit the view

Figure 7.37. Sketch of adding a mustache at a touch point

Figure 7.38. UIImageView ignores touches.

Figure 7.39. Subclass UIImageView to handle touches.

Figure 7.40. DIFaceImageView will handle touches.

Figure 7.41. Placing a disguise in the simulator

Chapter 8. Moving, rotating, editing, and animating images

Figure 8.1. Animating the mustache placement

Figure 8.2. Allowing disguises to be moved

Figure 8.3. Allowing disguises to be resized

Figure 8.4. Bringing up a Delete menu when the disguise is held

Figure 8.5. Bringing up a Save menu

Figure 8.6. Dragging state transition

Figure 8.7. Pinching state transition

Figure 8.8. Deleting state transition

Figure 8.9. Saving state transition

Figure 8.10. New messages in DIFaceViewController

Figure 8.11. New properties and messages in DIDisguise and DIDisguiseElement

Figure 8.12. To move an element, you need to get a difference in the x and y position.

Figure 8.13. To pinch, you need to know the change in scale.

Figure 8.14. To bring up a Delete menu, you need to recognize a touch and wait.

Figure 8.15. To save a photo, you need to composite the disguises into one image.

Figure 8.16. Visualizing the animation

Figure 8.17. The steps for implementing an animation

Figure 8.18. Gestures class diagram

Figure 8.19. Sequence of messages for a recognized gesture

Figure 8.20. Recognizing a tap

Figure 8.21. Recognizing a pan gesture

Figure 8.22. Interaction between objects when an element is moved

Figure 8.23. Moving a disguise element in the simulator

Figure 8.24. Object interaction when pinching a disguise element

Figure 8.25. Pinching in the simulator

Figure 8.26. Object interactions for deleting an element

Figure 8.27. The sequence of messages for configuring and using a menu

Figure 8.28. Deleting an element in the simulator

Figure 8.29. Object interactions when saving a photo

Figure 8.30. The sequence of messages when compositing an image

Figure 8.31. Calculating the new size and position of an element

Chapter 9. Working with location and maps

Figure 9.1. Sketch of the front and back screens

Figure 9.2. Sketch of the app’s behavior

Figure 9.3. The MVC classes for the front of the app

Figure 9.4. The MVC classes for the flip side of the app

Figure 9.5. The Utility Application template

Figure 9.6. Name the application.

Figure 9.7. The frameworks in the Build Phases screen

Figure 9.8. The MapKit framework

Figure 9.9. The CoreLocation framework

Figure 9.10. The Frameworks group in the project

Figure 9.11. The Map View object

Figure 9.12. MkMapView on PAMainViewController.xib

Figure 9.13. Running the map app in the simulator

Figure 9.14. Connect the MKMapView to PAMainViewController.h using the assistant.

Figure 9.15. The app with the current location

Figure 9.16. The view with a UIImageView

Figure 9.17. The Bar Button Item to use for the camera button

Figure 9.18. Change to a camera button.

Figure 9.19. The camera button in the title bar

Figure 9.20. Drag the action to the File’s Owner

Figure 9.21. Choose takeCarPhoto to connect this action to the button.

Figure 9.22. Viewing the parking spot in the simulator

Figure 9.23. Putting a UIImageView onto PAMainViewController.xib

Figure 9.24. After choosing a picture in the simulator

Figure 9.25. Creating a new class

Figure 9.26. Make the class able to be a map annotation.

Figure 9.27. Save the class in the main group.

Figure 9.28. Viewing the pin in the simulator

Chapter 10. Accessing the internet

Figure 10.1. Sketch of the toolbar at the bottom of the screen

Figure 10.2. Tweeting an empty spot behavior

Figure 10.3. Getting open spaces behavior

Figure 10.4. Sketch of the Help view

Figure 10.5. The Toolbar object

Figure 10.6. Toolbar added to Mainview.xib

Figure 10.7. Bar Button Item object

Figure 10.8. Bar Button Items added to the toolbar

Figure 10.9. Setting Identifier to Action

Figure 10.10. Setting Identifier to Search

Figure 10.11. The Flexible Space Bar Button Item

Figure 10.12. Flexible spaces added between buttons

Figure 10.13. Creating a new UIViewController subclass

Figure 10.14. Creating PAHelpViewController and the XIB file

Figure 10.15. Web View object

Figure 10.16. Help view with the web view and Navigation Bar

Figure 10.17. Ctrl-drag the Done button to PAHelpViewController.h in the assistant.

Figure 10.18. Name the action onDone.

Figure 10.19. Ctrl-drag from the Help button.

Figure 10.20. Name the action showHelp.

Figure 10.21. Use the assistant to create an outlet for the web view.

Figure 10.22. Naming the outlet

Figure 10.23. Creating an HTML resource

Figure 10.24. help.html formatted by the Help web view

Figure 10.25. iOS settings

Figure 10.26. Twitter account settings

Figure 10.27. Adding the Social framework to Parkinator

Figure 10.28. Twitter search in browser

Chapter 11. Debugging and optimizing your application

Figure 11.1. The debug area expander

Figure 11.2. The Xcode debug console with NSLog and error messages

Figure 11.3. An alert box giving debugging information.

Figure 11.4. An enabled breakpoint

Figure 11.5. Highlighted line showing execution stopped at a breakpoint

Figure 11.6. The four debugger control buttons: Continue, Step Over, Step Into, and Step Out

Figure 11.7. Variables View

Figure 11.8. Setting a conditional breakpoint

Figure 11.9. The Profile window

Figure 11.10. The Time Profiler

Figure 11.11. Select the Invert Call Tree check box.

Figure 11.12. Spike in CPU usage at the start of the game

Figure 11.13. Choose Hide System Libraries and Show Obj-C Only.

Figure 11.14. Time Profiler detail view

Figure 11.15. Allocations

Figure 11.16. Allocations

Figure 11.17. The Allocations window

Figure 11.18. Memory usage graph

Chapter 12. Building for the device and the App Store

Figure 12.1. Download certificates from the iOS Provisioning Portal.

Figure 12.2. Keychain Access, found in the Utilities folder

Figure 12.3. Keychain Access Certificates Preferences

Figure 12.4. Creating a certificate request

Figure 12.5. Submitting a certificate request

Figure 12.6. The Development Provisioning Assistant

Figure 12.7. Choosing an App ID

Figure 12.8. Choosing a Device Description

Figure 12.9. Getting your phone’s UDID

Figure 12.10. Downloading and installing your provisioning profile

Figure 12.11. Selecting your iPhone

Figure 12.12. Getting the UDID from iTunes

Figure 12.13. Adding devices to the Provisioning Portal

Figure 12.14. Download the Ad Hoc provisioning profile

Figure 12.15. Entitlements settings

Figure 12.16. Target settings

Figure 12.17. iTunes Connect Contract section

Figure 12.18. Pick a company name.

Figure 12.19. Name your app.

Figure 12.20. Pick an availability date and a price.

Figure 12.21. Rate your app.

Figure 12.22. Click View Details.

Figure 12.23. Click Ready to Upload Binary

Figure 12.24. Set the target.

Figure 12.25. Edit the compilation scheme.

Figure 12.26. Change Build Configuration to Release.

Figure 12.27. Submit your app.