34,333
edits
Changes
no edit summary
== Designing the User Interface ==
Navigate to the MainStoryboard.storyboard file in the project navigator panel and select it to load it into to the editing panel. From the Object Library panel, drag and drop a Table View component onto the view canvas and position it so that fills the entire view space as shown in Figure 673-1:
[[Image:iphone_ios_6_twitter_SLRequest_ui.png|The user interface for an example iOS 6 iPhone based Twitter application]]
Figure 673-1
Select the Table View object and display the Assistant Editor using ''View -> Assistant Editor -> Show Assistant Editor'' menu option. Ctrl-click on the Table View object in the view and drag the resulting line to the area immediately beneath the @interface directive in the Assistant Editor panel. Upon releasing the line, the connection panel will appear. Configure the connection as an Outlet named tweetTableView and click on the Connect button.
With the Table View still selected, display the Connections Inspector (''View -> Utilities -> Show Connections Inspector''). Click on the circle to the right of the dataSource outlet and drag the line to the Twitter App View Controller entry in the Twitter App View Controller Scene in the document outline panel as illustrated in Figure 673-2:
[[Image:iphone_ios_6_slrequest_twitter_datasource.png|Connecting the TableView Data Source in Xcode]]
Figure 673-2
[[Image:iphone_ios_6_twitter_slrequest_running.png|The Twitter timeline in an iPhone iOS 6 app]]
Figure 673-3
== Summary ==
