iPhone App Development Tutorial Part 2

ADDING THE IMAGE

  1. Drag an “Image” object onto the Nib, but size it smaller than the View
  2. Locate an image to use for the Image object and name it “default.png”
  3. Then drag the image file into the Xcode project
  4. Select the Image object on the MainWindow.xib by clicking on it.
  5. Select the “Attributes” tab on the Inspector Window
  6. Click the dropdown next to the Image label to attach the image you just added to your project to the image view
  7. Optional: change the color of the background to match your image
  8. Select the main view and click on the Attributes tab to change the color

image-view

image-attributes

ADD A BUTTON

  1. From the Object Library, select the “Rounded Rect Button” object and drag it onto your Nib window
  2. Double-click the button object it to add text to title the button.  You can call it whatever you want: “press me,” “go,” etc.

iPhone App Development Tutorial Part 2 - Image Added Example

ADD A LABEL

  1. Drag a label object from the library onto the Nib view.
  2. Click inside the label and delete the text or change it to whatever you want.
  3. Format the text by clicking on the Attributes tab.  Change the font size, color, etc.

UILabel and UIButton added on top of UIImage

Use the links below to access the remainder of the tutorial.