Picker View in iPhone and iPad

Introduction

In this article I will create a Single View application. Here I use a Picker view, Image view and Label via xib. In this we create a Delegate and a Data source for the picker for when we pick a name from the Picker it shows it's corresponding image.

To understand it we use the following.

Step 1

Open XCode by double-clicking on it.

Select-xcode-in-iphone (1).jpg

Step 2

Create a New XCode Project via click 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. Here I use PickerView and Company Identifier com.mcnsolutions (usually a reverse domain name is used) and click on Next.

Project-name-in-iPhone.jpg

Step 5

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

save-project-location-in-iphone.jpg

Step 6 

Now we code each class.

Appdelegate.h

#import <UIKit/UIKit.h>

@class ViewController;

@interface AppDelegate : UIResponder <UIApplicationDelegate>

@property (strong, nonatomic) UIWindow *window;

@property (strong, nonatomic) ViewController *viewController;

@end

Appdelegate.m

#import "AppDelegate.h"

#import "ViewController.h"

@implementation AppDelegate

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
    self.window = [[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]];
    // Override point for customization after application launch.
    if ([[UIDevice currentDevice] userInterfaceIdiom] == UIUserInterfaceIdiomPhone) {
        self.viewController = [[ViewController alloc] initWithNibName:@"ViewController_iPhone" bundle:nil];
    } else {
        self.viewController = [[ViewController alloc] initWithNibName:@"ViewController_iPad" bundle:nil];
    }
    self.window.rootViewController = self.viewController;
    [self.window makeKeyAndVisible];
    return YES;
}

- (void)applicationWillResignActive:(UIApplication *)application
{
    // Sent when the application is about to move from active to inactive state. This can occur for certain types of temporary interruptions (such as an incoming phone call or SMS message) or when the user quits the application and it begins the transition to the background state.
    // Use this method to pause ongoing tasks, disable timers, and throttle down OpenGL ES frame rates. Games should use this method to pause the game.
}

- (void)applicationDidEnterBackground:(UIApplication *)application
{
    // Use this method to release shared resources, save user data, invalidate timers, and store enough application state information to restore your application to its current state in case it is terminated later. 
    // If your application supports background execution, this method is called instead of applicationWillTerminate: when the user quits.
}

- (void)applicationWillEnterForeground:(UIApplication *)application
{
    // Called as part of the transition from the background to the inactive state; here you can undo many of the changes made on entering the background.
}

- (void)applicationDidBecomeActive:(UIApplication *)application
{
    // Restart any tasks that were paused (or not yet started) while the application was inactive. If the application was previously in the background, optionally refresh the user interface.
}

- (void)applicationWillTerminate:(UIApplication *)application
{
    // Called when the application is about to terminate. Save data if appropriate. See also applicationDidEnterBackground:.
}

@end

Step 7

In ViewController.Xib we use a Pickerview, Label and Imageview from nib file and connected it to it's delegate and datasource.

Step 8

Now click on the run button to see the output.

How-to-Run-in-iPhone.jpg

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

Output 1 in iPad:

Output1-in-iPad.jpg

Output 2 in iPad:

Output2-in-iPad.jpg

Output 3 in iPad:

Output3-in-iPad.jpg

Up Next
    Ebook Download
    View all
    Learn
    View all