Change Style of Navigation Bar in iPhone

Introduction

In this article we create an empty view application and use a uiviewcontroller class to navigate from one view to another. For changing the style of the navigation bar we use code in the view load method of each view. In this I use two views, FirstViewController and SecondViewController.

Step 1

Open XCode by double-clicking on it.

Select-xcode-in-iphone.jpg

Step 2

Create a New XCode Project via click on it.

create-project-in-iphone.jpg

Step 3

Now select Empty View Application and click on Next.

Empty-Application-in-iPhone.jpg

Step 4

Now give your Product Name, Company Identifier  and click on Next.

Project-name-in-iPhone.png

Step 5

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

save-project-location-in-iphone.jpg

Step 6

Now you will see in the XCode Window two Objective-C Classes that were generated by XCode; they are:

1. Appdelegate.h
2. AppDelegate.m

Now we add two UIViewController; for this we use the following procedure.

Step 7  

Select the appdelegate.m class and right-click on it, as in:

choose-new-file-in-iPhone.png

Choose New File..

Step 8

Select Subclass of UIViewController from the drop down list and give a class name. Here I use First view controller for the class name. Then click on checkbox with xib use interface. Add a label and button from xib.

first-class-name-in-iPhone.png

Click on next.

Step 9

Now click on create to import a class into the project, as in:

select-class-target-in-iPhone.png

Repeat Steps to add the Second view controller class.

second-class-name-in-iPhone.png

Step 10

After that we code for navigation and to do linking.

select-button-action-touch-up-inside-in-iPhone.png

Step 11

To change the style of the navigation bar we use the following code:

code-of-changing-color-of-navigation-bar-in-iPhone.png

Step 12

Now select which platform you want to see output for.

run-in-iPhone.png

Output

Output 1 in iPhone:

output1-in-Iphone.jpg

Output 2 in iPhone:

output2-in-Iphone.jpg


Similar Articles