Details VC
Start course
3h 18m

In this course, we're going to build a Foursquare Clone using Parse. Parse provides you with a great tool to work in cloud servers and you will learn the advantages and disadvantages that come with it.

Intended Audience

This course is designed for anyone who wants to:

  • Learn about iOS development and coding
  • Move into a career as an iOS developer
  • Master Swift skills


To get the most out of this course, you should have some basic knowledge of iOS.


Hi, within this lecture, we're going to finalize our user interface by adding the last ViewController. So, we're going to have to add a new ViewController because once user clicks one of the TableView items, we have to display the name, the type, the atmosphere, the image, and the location of that place in a one single ViewController. So, we cannot use this older ViewControllers because we have two ViewControllers in here. We have to combine everything in one ViewController and display it to the user. So, I'm going to create a new ViewController over here. And in this ViewController, we're going to have everything together. So, we're going to have another segue from here. And if the user clicks on the table view, we're going to run the segue, if user clicks on the 'Add' button, we are already running the other segue. So, this will be two details ViewController. I'm going to call this DetailViewController. And it makes sense to have back button over here. So, I'm not going to change the show type. So, under this ViewController, I want to have some ImageView first to display the image of the restaurant or the image of the café, the image of the place. So, let me make this into the full screen in terms of width. And in terms of height, I believe this is good. Maybe we can decide it later on after we bring in the labels because I want to bring in three labels for the place name, place type, and place atmosphere. So, the first one will be the place name label. So, I'm going to call this placeNamedLabel as a placeholder over here so that I know where I'm putting all of these labels. So, let me put this into center and let me copy and paste this and bring it down. I'm going to call this placeTypeLabel, okay? If I can align this, hopefully, yes placeTypeLabel and then we're going to need another one of course to display the placeAtmosphereLabel. And you can call this something like place description, place information. Maybe you can just give some basic information, like if this place accepts credit cards or accepts reservation or something. So, this is good. We will have three labels. And under these three labels, I'm going to have a map. So, let me put this a little bit down so that I can make this ImageView a little bit bigger because I have enough space here to bring in a MapKit View. So, this MapKitView will fill up all the way to the bottom from the middle of the screen. This looks good. So, I have the imageViewLabel, I have three labels in middle and I have MapView on the bottom of my screen. So, I believe this is okay. And this will let us show all the information that we have gathered from the user to another user. So, let me come over here and create a cocoaTouch class and this will be DetailsViewController, DetailsVC. So, click on 'Next' to create your ViewController and put that under your first credit clone project. And come over here to main storyboard to identity inspector to choose the DetailsVC class that we have created. Open your assistant editor and choose DetailsVC over here to define everything, every view inside of our ViewController. So, let me delete all of these comment lines. And I'm going to start with the ImageView. So, I'm going to call this DetailsImageView, okay? So, this is going to be something like detailsPlaceNameLabel. So, let me bring in detailsNameLabel, kay?  We're going to have two more so detailsTypeLabel, detailsTypeLabel and bring in the third one. So, this is detailsAtmosphereLabel, kind of long name. And finally we're going to bring in the MapView as well. And rather than MapView, I'm going to call this detailsMapView because we have another MapView, I just want to avoid any confusion and I'm going to import MapKit over here to get rid of this warning. Here we go. Now we are ready. So, we have those detailed ViewController in order to just provide every information to the user in one single ViewController. And finally we are done with our user interface. As you can see in the main storyboard, we have a very big main storyboard in here because we are working with a lot of ViewControllers. So, we're working in a big project right now and we completed our first drafts. Now, we get to go into individual ViewControllers to write our code. That's what we're going to do in the next lecture.


About the Author
Learning Paths

Atil is an instructor at Bogazici University, where he graduated back in 2010. He is also co-founder of Academy Club, which provides training, and Pera Games, which operates in the mobile gaming industry.

Covered Topics