iOS Development with Swift2 – Advanced iOS ”; Previous Next In this chapter, we will cover some advance features like Creating Multiple Views on our Application, Adding Navigation Bars, Adding Table Views, Storing Data in the Application, Making Web Applications, etc. Please go through every section carefully, as this chapter contains most of the things, which we need while developing applications. Multiple View Controller In our previous applications, we only gave a single view / view controller. However, we can have multiple views in our application and we can perform on any of those independently. Therefore, we will start by creating a new project; the name of this project has multiple views. As every other project, this project also has a View Controller and a Swift File for that controller. (This you can see by selecting view & seeing its properties in the Identity Inspector.) The following screenshot shows how our current view looks like − On the right-hand side (Identity inspector), we can see the class that is related to our view controller. This arrow on the left is the entry point. This is the first view of our application that will show after the application starts running. Adding Second Multiple View Controller To add other view controllers to our application, we will search view controller in our object library. Once we find it, we will drag the view controller to our main.stroryboard, just outside any other views. This is how your application should look like. Now, we have added a view controller, but now we will also need to create a view controller class for our newly added view. Right click on your project → new File → cocoa Touch Class → Name it anything you want to, we will name it “SecondViewController”. This is how you create a class file for your view controller. Now, go back to your “main.storyboard”, click on your second view controller and see its Identity Inspector. The class field must be empty right now, so click on that field and start typing your class name that you added in last step. If it appears, click enter. We have now created a multiple view controller and added the controller class file for that View. However, if you run the application, it will not show your second view still. Why? Because we have not added a function, which will take us to that view. In short, we have not yet added Navigation to our Application. Do not worry; we will cover it in the following section. Adding Navigation to the Application The process of transition from one view to another is called Segueing, i.e. done by creating segue between the two views. To do this, add a button in the first view controller, and control drag from it to your second view. When you release the button, you will see some options as shown in the screenshot below. Select the Show option from the Action Segue. Now run your application, you will see that on the click of a button, you second view appears (To see more clearly add something in your second view, so that you can identify). However, now you cannot go back to your first view. For that, we have Navigation controllers. Adding a Navigation Controller Select your first view controller and in the top bar, click Editor → Embed in → Navigation controller. Now, our application should look like the following screenshot. We should see to it that, there is a little light grey row on top of the view. Now, when we Run the application, we can see that there is a navigation bar on top of the view. When we click on the button, we will go to second view, where we will see a back button in that navigation bar. Click on this and we will come back to the Initial View. Adding Title & Back Button to the Navigation Bar To add a title to your navigation bar, click on the navigation bar, and see its attribute inspector. There we will see − Title − This will be the title of Navigation bar, which appears in center. Prompt − This appears on top of title bar, in center. Back Button − Here you can modify the Text that appears in back button. Currently the button that is passing the view is located on our view, which might not suit if we want something else to appear on the screen. Therefore, we will add a Bar Button item in the navigation bar, which will take us to our second view. However, for this we should first delete the last button we added. Adding a Bar Button Item Search for bar button item in the object library and drag drop to the right hand side of the navigation bar. Name it as – “Next >”, control drag from it to the second view, select Show as we did with the last button we added. Now run the application, it will look cleaner and better. This is all we will do with Navigation right now. In the subsequent chapters, we will modify the navigation bar using the Swift Code, when required. Table Views A table presents data as a single column list containing multiple rows, which can be further divided into sections. Tables should be used to present data in a clean and efficient way. In this section, we will understand how to add table views, adding prototype cells, adding data source and delegates for a table view, changing properties of a table and setting dynamic data for table view cells. Adding a Table View To add a table view, we will first create a new project and name it as – “tableView”. Then, go to the object library and search for Table View, we will see the table view, the table view controller and many other options. However, we should select table view, drag it and add to the default view Controller. Adding a