ARTICLE

Login Screen Using Storyboard in IPhone

Posted by Sachin Bhardwaj Articles | iPhone/iPad 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

Login to add your contents and source code to this article
comments
COMMENT USING
PREMIUM SPONSORS
DynamicPDF™ product line allows you to dynamically generate PDF documents, merge PDF documents and add new content to existing PDF documents from within your applications.
Nevron Chart
SPONSORED BY
  • PDF reports have never been easier to create. With our included WYSIWYG Designer, you can layout your reports, set up your data source and let DynamicPDF ReportWriter do the rest.
Nevron Diagram