2. iOS 11 and Swift 4 Application Development Course Free in Hindi - User Interface of XCode 9

About this article

In this article, we are going to talk about the user interface of XCode 9.4.1 and we will learn how to interact with XCode and Simulator.


Welcome To XCode

This is the first screen that you will see once you open XCode. You have the following options
Get Started with a Playground

Create a New XCode Project
Clone an existing Project


Create a New XCode Project

This is used to create a new project and thus we are going to select this option to create our very own new XCode application



Choose a template for your new project

XCode provides a variety of templates for your new project. We are going to use all of these templates. For now, just select 'Single View App' since this is an application with only one screen/view. The game is used to develop full-screen applications/games. Document App is for displaying documents and playing with them. Master-Detail App is used to make applications like Gmail Application where menu slides from the left side. We also have multiple sliding page applications to slide screens and other things. 

3. iOS 11 and Swift 4 Application Development Course Free in Hindi - Labels in XCode9

Choose options for your new project

Once you have selected single view app and clicked next, you will be asked for the project details like product name which represents the application name. The team is used to add multiple users to work on the single application. Organization Name is the default username and Organization identifier is the reverse domain name i.e. website, for example, com.priyankgada for priyangada.com. You can also use blogs eg. com.blogspot.priyankgada in case you don't have a website/domain.

3. iOS 11 and Swift 4 Application Development Course Free in Hindi - Labels in XCode9

The Navigation Bar

The panel on the left is the navigation bar and it displays all the files and folders in your application. We are mostly going to work with two files for the first few applications i.e. ViewController.Swift and the main.storyboard file. The storyboard file is the view or the actual application look whereas the ViewController contains the code and the functionality. 



3. iOS 11 and Swift 4 Application Development Course Free in Hindi - Labels in XCode9

The Utility Area

The utility area contains the properties and other things and this area usually changes depending on the file that you have selected. The tabs on the top will help you to change and switch between different utilities/properties. 



3. iOS 11 and Swift 4 Application Development Course Free in Hindi - Labels in XCode9

Simulator

The simulator is used to play or test the application on simulated devices. You can click the play button on the top left side to test the application. Once clicked, the application will be built and tested on a virtual simulated iPhone device. 


You can always change devices depending on the requirement by clicking on the name of the application and then selecting the device. The respective device will be opened once you do so.


A Virtual device will pop up and may take some time to load. This device is your personal test device which can be used to test your applications. 


You can also switch between the device and control the device audio input/output and other buttons from the hardware menu given on top. Settings like orientation and shake gestures can also be used form the Hardware menu.


3. iOS 11 and Swift 4 Application Development Course Free in Hindi - Labels in XCode9

Video Tutorial in Hindi/Urdu