34,333
edits
Changes
no edit summary
Navigate to the ''MainStoryboard.storyboard'' file in the project navigator panel and select it to load it into to the editing panel. Click on the background of the view object and change the background color to a light shade of grey using the Attribute Inspector panel.
Drag, position and configure a Text View, Image View and two Buttons on the view canvas so that the user interface reflects that illustrated in Figure 471-1:
[[Image:iphone_ios6_facebook_example_ui.png|The UI for an example iPhone iOS 6 app]]
Figure 471-1
== Running the Social Application ==
With the coding now complete, click on the Run button in the Xcode toolbar to launch the application either on an iPhone device or using the Simulator environment. When the application appears, enter some text into the text area and select an image from the device (note that when using the simulator no images will be available). Touch the Post Message button to display the target selection screen shown in Figure 471-2:
[[Image:iphone_ios6_facebook_example_chooser.png|iPhone iOS 6 Facebook app social network selection]]
Figure 471-2
Select the Facebook button to display the preview sheet (Figure 471-3) and then, assuming no changes to the post need to be made, touch the Post button to send the message to your Facebook page.
[[Image:iphone_ios6_facebook_example_preview.png|Previewing an iPhone iOS 6 Facebook posting]]
Figure 471-3
