Setting up a tab bar controller scene

As you saw in the app tour, the JRNL app has a tab bar with two buttons at the bottom of the screen, which are used to display the Journal List and Map screens. You will embed the existing view controller scene in a tab bar and add a second view controller scene to the tab bar. Follow these steps:

1. Click the Main storyboard file in the Project navigator:

   

   Figure 10.11: Project navigator with the Main storyboard file selected

   The contents of the Main storyboard file appear in the Editor area.

2. Select View Controller in the document outline:

Figure 10.12: Document outline with View Controller selected

3. You’ll embed the existing view controller scene in a tab bar controller scene. Choose Embed In | Tab Bar Controller from the Editor menu:

   

   Figure 10.13: Editor menu with Embed In | Tab Bar Controller selected

   You’ll see a new tab bar controller scene appear in the...