IOS TOPICS

IOS Introduction
Swift UI Label
Swift UI Button
Swift UI Text Field
Swift UI Slider
Swift UI Switch
Swift UI Stepper
Swift UI Date Picker
Swift UI Segmented Control
Views
Table View
Collection Views
SCROLL VIEW
iOS Content View
iOS View Controllers
iOS Bar interface
iOS Navigation interface
iOS Architect Pattern
iOS Libraries
iOS Web request and parsing
iOS user defaults
iOS Coredata and database

Creating your first iOS application


First iOS application

To create your first iOS application, launchn Xcode To create your first iOS application, launchn Xcode from the Launchpad on your Mac. You should see the welcome screen as shown below.

ios output

(If you don’t then go to file>new>playground)

ios output

Click on “Create a new Xcode project

ios output

The dialog that pops up allows you to choose a template for your project. For the purposes of this article choose “App” under “Application.”

ios output

The product name we’ve used here is TestProject, you may pick anything you’d like to identify the project with.

For org. name, use either the name of the company you’re developing the application for or pick an arbitrary name. The organization identifier reads the input in reverse so apple.com is input as com.apple The bundle identifier auto-concatenates the organization identifier and product name. Bundle identifiers are unique and no two applications on the same phone can have identical bundle identifiers. In the language, select the language with which we are planning the development. In this tutorial, we will use Swift as our programming language.

ios output

Finally, choose where you’d like to save the file and click create.

ios output

In the canvas, next to the code editor, click Resume to display the preview. If it isn’t visible, go to Editor and click Editor and Canvas to view it. From the left hand side of the window, select ContentView.swift and you can create a simple application to start on this journey!

Creating your first application

This is the first screen you see:

ios output

Let’s navigate to the Main.Storyboard on the right and drag and drop a label onto the screen from the media library.

ios output

Double tap on the label or click on the Label text option on the right to change the text in the label. Here I have changed it to “Hello, how are you ?”

ios output

Next we click on “View” on the left and go to it’s attribute inspector. There we can change the background colour to any colour in the dropdown menu.

ios output

Now, simply press Command+R and the simulator should display your first application as below:

ios output