ARTICLE

Login Screen Using Storyboard in IPhone

Posted by Sachin Bhardwaj Articles | iOS November 28, 2012
In this article I will explain a new way to create a login screen using storyboard.
Reader Level:
Download Files:
 

Introduction

In this article we create a single view application. Here we use storyboard in place of xib. To better understand, follow these steps.

Step 1

Open XCode by double-clicking on it.

Select-xcode-in-iphone.jpg
 

Step 2

Create a New XCode Project by clicking on it.

create-project-in-iphone.jpg
 

Step 3

Now select Single View Application and click on Next.

single-view-application-in-iphone.jpg
 

Step 4

Now provide your Product Name and Company Identifier then click on Next.

Step 5

Select the location where you want to save your project and click on Create.

Step 6

Now select Story board and perform these steps:

storyboard-in-iphone.jpg

Step 7

Here first we embed navigation controller to log in button:

embed-navigation-controller-in-iphone.jpg

Here select the log in button and link it to the navigation controller.

connect-login-button-to-navigation-controller-in-iphone.jpg

Select action modal.

select-action-segue-in-iphone.jpg

modal-segue-in-iphone.jpg

Story board view:

connect-table-viw-controller-to-navigation-controller-in-iphone.jpg

Step 8

Now run the application and see the output.

Output

Output 1 in iPhone:

output1-in-iphone.jpg

Output 2 in iPhone:

output2-in-iphone.jpg

Output 3 in iPhone:

output3-in-iphone.jpg

COMMENT USING

Trending up