Chapter 3. Using view controllers and images in PicDecor

 

This chapter covers

  • UI design concepts
  • View controllers
  • Working with the camera
  • Creating and displaying images

Let’s move on to the real reason for what you’ve learned so far: development. In each of the following chapters, we’ll take a project that examines and utilizes a variety of SDK aspects. Each of the projects is an app currently available in the iTunes App Store for you to examine freely.

For this chapter, I developed PicDecor, an app that allows users to upload an image from their photo albums or take a picture using their camera and decorate it with various, small stock images in the app. Once completed, the image can be saved and/or emailed from within the app. Though the actual outcome is silly, the functionality is applicable for many other uses. The app can be found in the App Store here: http://itunes.com/apps/picdecor. The steps in this chapter are exactly the same steps I took as I developed the app, except that I added the artwork and an About page to the app before submitting it to the App Store.

To get an idea of PicDecor’s interface, see figure 3.1. The first page allows the user to select the image source—camera or photo album. After the user selects the image, they can choose from a selection of stock images to add to the images. With their finger, they can move the added images around their picture.

Figure 3.1. PicDecor displays: image source selection, stock images, decorated image

3.1. UI design concepts

3.2. Creating view controllers and other widgets

3.3. Developing actions and outlets

3.4. Using the camera/photo album

3.5. Displaying and handling images

3.6. Providing email capabilities

3.7. Summary

sitemap