iPhone Tutorial | iPhone iOS4 iPad SDK Development & Programming Blog » iPad Development

Double Component Picker in iPad

Sushant — Mon, 16 Aug 2010 07:12:23 +0000

This is the Double Component Picker example. In this example we will see how to worked it in the iPad.

Step 1: Create a View base application using template. Give the application name ”DoubleComponentPicker_ipad”.

Step 2: Xcode automatically creates the directory structure and adds essential frameworks to it. You can explore the directory structure to check out the content of the directory.

Step 3 : Expand classes and notice Interface Builder created the DoubleComponentPicker_ipad class for you. Expand Resources and notice the template generated a separate nib, DoubleComponentPicker_ipadViewController.xib, for the “DoubleComponentPicker_ipad”.

Step 4 : In the DoubleComponentPicker_ipadViewController.h file , we have added DataSource and delegate protocol. Create an instance of UIPickerView class and add one IBAction method. So make the following changes.

#import 
#define kFillingComponent  0
#define kBreadComponent  1
@interface DoubleComponentPicker_ipadViewController : UIViewController 

{

        IBOutlet UIPickerView *doublePicker;

        NSArray *fillingTypes;

        NSArray *breadTypes;

}
@property (nonatomic,retain)  UIPickerView *doublePicker;

@property (nonatomic,retain)  NSArray *fillingTypes;

@property (nonatomic,retain)  NSArray *breadTypes;
-(IBAction)buttonPressed;

Step 5: Double click the DoubleComponentPicker_ipadViewController.xib file and open it to the Interface Builder. First drag the Picker view from the library and place it to the view window and drag round rect button from the library and place it to the view window. Select the picker from the view window and bring up connection inspector and drag from the datasource to the file’s owner icon, do the same thing for delegate protocol. Select the round rect button and bring up Connection Inspector and drag from the Touch Up Inside to the File’s Owner icon and select buttonPressed: action. Now save the DoubleComponentPicker_ipadViewController.xib file, close it and go back to the Xcode.

Step 6: Open the DoubleComponentPicker_ipadViewController.m file and make the following changes in the file.

-(IBAction)buttonPressed
{

        NSInteger breadRow =[doublePicker selectedRowInComponent:

                              kBreadComponent];

        NSInteger fillingRow =[doublePicker selectedRowInComponent:

                                kFillingComponent];
NSString*bread =[breadTypes objectAtIndex:breadRow];
NSString*filling =[fillingTypes objectAtIndex:fillingRow];

NSString*message =[[NSString alloc] initWithFormat:
@"Your %@ on %@ bread will be right up.",filling, bread];

        UIAlertView *alert =[[UIAlertView alloc] initWithTitle:@"Thank you for your order" message:message delegate:nil cancelButtonTitle:@"Great!" otherButtonTitles:nil];
[alert show];
[alert release];
[message release];
}

// Implement viewDidLoad to do additional setup after loading the view, typically from a nib.

- (void)viewDidLoad {

        NSArray *breadArray = [[NSArray alloc] initWithObjects:

                                                   @"White",@"Whole Wheat",@"Rye",@"Sourdough",@"Seven Grain", nil];

        self.breadTypes = breadArray;

        [breadArray release];

        NSArray *fillingArray = [[NSArray alloc] initWithObjects:

                                                         @"Turkey",@"Peanut Butter",@"Tuna Salad",@"Chicken Salad",@"Roast Beef",

                                                         @"Vegemite",nil];

        self.fillingTypes = fillingArray;

        [fillingArray release];

        [super viewDidLoad];

}
-(NSInteger)numberOfComponentsInPickerView:(UIPickerView *)pickerView

{

        return 2;

}
-(NSInteger)pickerView:(UIPickerView *)pickerView

numberOfRowsInComponent:(NSInteger)component

{

        if (component == kBreadComponent)

                return[self.breadTypes count];

        return[self.fillingTypes count];

}
-(NSString *)pickerView:(UIPickerView *)pickerView

                        titleForRow:(NSInteger)row

                   forComponent:(NSInteger)component 

{

        if (component == kBreadComponent)

                return [self. breadTypes objectAtIndex:row];

        return [self.fillingTypes objectAtIndex:row];

}

Step 7: Its all done, now compile and run the application in the Simulator.

You can Download SourceCode from here DoubleComponentPicker_ipad

SingleComponent Picker in iPad

Sushant — Thu, 12 Aug 2010 07:16:13 +0000

This is the Single Component Picker application. In this application we will see how to add Single Component in iPad.

Step 1: Create a View base application using template. Give the application name ”SingleComponent_iPad”.

Step 2: Xcode automatically creates the directory structure and adds essential frameworks to it. You can explore the directory structure to check out the content of the directory.

Step 3: Expand classes and notice Interface Builder created the SingleComponent_iPadViewController class for you. Expand Resources and notice the template generated a separate nib, SingleComponent_iPadViewController.xib, for the “SingleComponent_iPad”.

Step 4: In the SingleComponent_iPadViewController.h file , we have added DataSource and delegate protocol. Create an instance of UIPickerView class and add one IBAction method. So make the following changes.

#import 
@interface SingleComponent_iPadViewController : UIViewController

{

        IBOutlet UIPickerView *singlePickerComponent;

        NSArray *pickerData;

}
@property(nonatomic , retain) UIPickerView *singlePickerComponent;

@property(nonatomic , retain) NSArray *pickerData;
-(IBAction)buttonPressed;

Step 5: Double click the SingleComponent_iPadViewController.xib file, open it to the Interface Builder. First drag the Picker view from the library and place it to the view window and drag round rect button from the library and place it to the view window. Select the picker from the view window and bring up connection inspector and drag from the datasource to the file’s owner icon, do the same thing for delegate protocol. Select the round rect button and bring up Connection Inspector and drag from the Touch Up Inside to the File’s Owner icon and select buttonPressed: action. Now save the SingleComponent_iPadViewController.xib file, close it and go back to the Xcode.

Step 6: Open the SingleComponent_iPadViewController.m file and make the following changes in the file.

-(IBAction)buttonPressed
{

        NSInteger row =[singlePickerComponent selectedRowInComponent:0];
NSString*selected =[pickerData objectAtIndex:row];
NSString*title =[[NSString alloc] initWithFormat:
@"you selected %@!", selected];

    UIAlertView *alert =[[UIAlertView alloc] initWithTitle:title

                                                                                                   message :@"Thank you for choosing."

                                                                                                   delegate:nil

                                                                                 cancelButtonTitle :@"You are Welcome"

                                                                                 otherButtonTitles :nil];
[alert show];
[alert release];
[title release];
}
// Implement viewDidLoad to do additional setup after loading the view, typically from a nib.

- (void)viewDidLoad {

        NSArray *array = [[NSArray alloc] initWithObjects:@"SunDay",@"MonDay",@"TuesDay",@"WednesDay",@"ThusDay",

                                          @"FriDay",@"SaturDay",nil];

        self.pickerData = array;

        [array release];

    [super viewDidLoad];

}
-(NSInteger)numberOfComponentsInPickerView:(UIPickerView *)pickerView

{

        return 1;

}
-(NSInteger)pickerView:(UIPickerView *)pickerView

numberOfRowsInComponent:(NSInteger)component

{

        return [pickerData count];

}
-(NSString *)pickerView:(UIPickerView *)pickerView

                        titleForRow:(NSInteger)row

                   forComponent:(NSInteger)component 

{

        return[pickerData objectAtIndex:row];

}

Step 7: Now Compile and run the application in the Simulator.

You can Download SourceCode from here SingleComponent_iPad

Display Splash Screen in iPad

Sushant — Wed, 11 Aug 2010 07:33:44 +0000

In this application we will see how to display Splash Screen in iPad.

Step 1: Create a View base application using template. Give the application name “DisplaySplash_iPad”.

Step 2: Xcode automatically creates the directory structure and adds essential frameworks to it. You can explore the directory structure to check out the content of the directory.

Step 3: Expand classes and notice Interface Builder created the DisplaySplash_iPadViewController class for you. Expand Resources and notice the template generated a separate nib, DisplaySplash_iPadViewController.xib, for the “DisplaySplash_iPad”.

Step 4: We need to add one resource in the resource folder for display splash.

Step 5: In the DisplaySplash_iPad.h file, we have created instance of UIView class and two methods. So make the following changes in the file.

#import 
@interface DisplaySplash_iPadViewController : UIViewController {
        IBOutlet UIView *displaySplashScreen;

        

}
-(void)displayScreen;

-(void)removeScreen;

Step 6: Double click the DisplaySplash_iPadViewController.xib file and open it to the Interface Builder. Drag the view from the library and place it to the Main Window. Open the second view icon from the MainWindow,drag the image view from the library and place it to the view window,select the view and bring up Attribute Inspector select the image “themes.png”. Select the File’s Owner icon from the MainWindow and bring up Connection Inspector, drag from the displayScreen to the last view icon and connect File’s Owner icon to the view. Now save it , close it and go back to the Xcode.

Step 7: Open the DisplaySplash_iPad.m file and make the following changes in the file.

-(void)displayScreen
{

        UIViewController *displayViewController=[[UIViewController alloc] init];

        displayViewController.view = displaySplashScreen;
[self presentModalViewController:displayViewController animated:NO];
[self performSelector:@selector(removeScreen) withObject:nil afterDelay:6.0];

}
-(void)removeScreen

{

        [[self modalViewController] dismissModalViewControllerAnimated:YES];

}

Step 8 : Now compile and run the application in the Simulator.

You can Download SourceCode from here DisplaySplash_iPad

Change View in iPad

Sushant — Tue, 03 Aug 2010 06:39:41 +0000

In this application we will see how to change view in iPad.

Step 1: Create a Window base application using template. Give the application name “Windowbase_iPad”.

Step 2: Xcode automatically creates the directory structure and adds essential frameworks to it. You can explore the directory structure to check out the content of the directory.

Step 3: xpand classes and notice Interface Builder created the Windowbase_iPadAppDelegate class for you. Expand Resources and notice the template generated a separate nib, MainWindow.xib, for the “Windowbase_iPad”.

Step 4: We need to add two images in the resource folder. Give the name of the resources “1-1.png”,”2-1.png”.

Step 5: We have added QuartzCore.framework, select Frameworks -> add -> Existing frameworks -> selectQuartzCore.framework.

Step 6: In the Windowbase_iPadAppDelegate.h file, we have added instances of UIView and UIImageView class, and create one IBAction method. So make the following changes in the file.

#import 
@interface Windowbase_iPadAppDelegate : NSObject  {

        UIWindow *window;

        UIView  *subView;

        UIImageView *view1;

        UIImageView *view2;

        BOOL change;

}
@property (nonatomic, retain) IBOutlet UIWindow *window;

@property (nonatomic, retain) IBOutlet UIView  *subView;
-(IBAction)ChangeView:(id)sender;

Step 7: Double click your MainWindow.xib file open it to the Interface Builder. Open the the window and drag view from the library and place it to the window. Next drag Toolbar from the library and place it buttom of the view window. Now select WindowbaseiPadAppDelegate from the mainwindow (See figure 1), and bring up connection inspector. Select from subView to the view, and ChangeView to the BarButtonItem. Now save your .xib file and go back to the Xcode.

Figure 1: MainWindow.xib

Step 8: Open the Windowbase_iPadAppDelegate.m file and make the following changes in the file.

-(BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary*)launchOptions {

        UIImage *image1 =[UIImage imageWithContentsOfFile:[[NSBundle mainBundle] pathForResource:@"1-1.png" ofType:nil]];

        view1 =[[UIImageView alloc] initWithImage:image1];

        UIImage *image2 =[UIImage imageWithContentsOfFile:[[NSBundle mainBundle] pathForResource:@"2-1.png" ofType:nil]];

        view2 =[[UIImageView alloc] initWithImage:image2];

        view2.hidden =YES;
[subView addSubview:view1];
[subView addSubview:view2];

        change =NO;

[window makeKeyAndVisible];

returnYES;
}
-(void)performTransition

{

        CATransition *transition = [CATransition animation];
        transition.duration = 0.75;

        transition.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];

        NSString *types[4] = {kCATransitionMoveIn, kCATransitionPush, kCATransitionReveal, kCATransitionFade};

        NSString *subtypes[4] = {kCATransitionFromLeft, kCATransitionFromRight, kCATransitionFromTop, kCATransitionFromBottom};

        int rnd = random() % 4;

        transition.type = types[rnd];

        if(rnd < 3)     {

                transition.subtype = subtypes[random() % 4];

        }

        change = YES;

        transition.delegate = self;

        [subView.layer addAnimation:transition forKey:nil];

        view1.hidden = YES;

        view2.hidden = NO;

        UIImageView *tmp = view2;

        view2 = view1;

        view1 = tmp;

}
-(void)animationDidStop:(CAAnimation *)theAnimation finished:(BOOL)flag

{

        change = NO;

}
-(IBAction)ChangeView:(id)sender

{

        if(!change)

        {

                [self performTransition];

        }

}

Step 9: Now compile and run the application in the Simulator.

You can Download SourceCode from here Windowbase_iPad

Mail Send from iPad

Sushant — Mon, 26 Jul 2010 07:07:45 +0000

This is the very simple application. In this application we will see how to mail send from the iPad.

Step 1: Create a View base application using template. Give the application name “MailComposer”.

Step 2: Xcode automatically creates the directory structure and adds essential frameworks to it. You can explore the directory structure to check out the content of the directory.

Step 3: Expand classes and notice Interface Builder created the MailComposerViewController class for you. Expand Resources and notice the template generated a separate nib, MailComposerViewController.xib, for the “MailComposer”.

Step 4: We need to add MessageUI Framework. Select Frameworks folder ->Add -> Existing Framework -> Add MessageUI Framework.

Step 5: In the MailComposerViewController.h file , we have import MessageUI framework. Create an instance of UIButton class and add one buttonPressed method. So make the following changes in the file.

#import 
#import 
@interface MailComposerViewController : UIViewController 

{

        IBOutlet UIButton *button;

}
- (IBAction)buttonPressed;

Step 6: Double click MailComposerViewController.xib file and open it to the Interface Builder. First drag the Round Rect button from the library and place it to the view window. Connect File’s Owner icon to the View icon and select view. Drag File’s Owner icon to the round Rect button and select button and select the Round Rect button and bring up Connection Inspector next drag Touch Up Inside to the File’s Owner icon and select buttonPressed: action. Now save the MailComposerViewController.xib file, close it and go back to the Xcode.

Step 7: Open the MailComposerViewController.m file and make the following changes in the file.

-(void)viewDidLoad {
if([MFMailComposeViewController canSendMail])

                button.enabled =YES;
}

- (IBAction)buttonPressed {

        MFMailComposeViewController *mailController = [[MFMailComposeViewController alloc] init];

        mailController.mailComposeDelegate = self;

        [mailController setSubject:@"Hello World"];

        [mailController setMessageBody:@"This is the MailSend Application…." isHTML:NO];

        [self presentModalViewController:mailController animated:YES];

        [mailController release];

}
- (void)mailComposeController:(MFMailComposeViewController*)mailController didFinishWithResult:(MFMailComposeResult)result error:(NSError*)error {

        [self becomeFirstResponder];

        [self dismissModalViewControllerAnimated:YES];

}

Step 8: Now Compile and run the application in the Simulator.

You can Download SourceCode from here MailComposer

Display WebPage and AudioFile play in TabBar Application

Sushant — Fri, 23 Jul 2010 10:17:58 +0000

This is the TabBar application. In this application we will see how to display Web page and play audio file in the iPad. We will create this application using TabBar Application Template.

Step 1: Create a TabBar application using template. Give the application name “Tabbar_Videoplay_iPad”.

Step 2: code automatically creates the directory structure and adds essential frameworks to it. You can explore the directory structure to check out the content of the directory.

Step 3: Xpand classes and notice Interface Builder created the FirstViewController class for you. Expand Resources and notice the template generated a separate nib,FirstViewr.xib, for the “ Tabbar_Videoplay_iPad”.

Step 4: We need to add UIViewController class in the project . Select classes -> Add -> New Files -> Select UIViewController class and give the class name “AudioPlayViewController”. Select corresponding .xib file and targeted for iPad.

Step 5: We have added AudioToolbox and AVFoundation framework in the Frameworks folder.

Step 6: We need to add two music file in the resource folder. Give the name of the music file “sound.aif”,”music.mp3″.

Step 7: In the FirstViewController.h file we have created instance of UIWebView class . So make the following changes in the file.

#import 
@interface FirstViewController : UIViewController {

  IBOutlet UIWebView *webDisplay;

}

@property(nonatomic,retain) UIWebView *webDisplay;

Step 8: Double click the MainWindow.xib file and open it to the Interface Builder. Select the FirstViewController from the TabBar Controller and bring up Attribute Inspector and delete the NIB name (See the figure 1). Now drag the WebView from the library and place it to the view window (See the figure 2). Select the first tab from the view window and bring up Connection Inspector and connect webDisplay to the Web View (See the figure 3). Save the MainWindow.xib file and close it and go back to the Xcode.

Figure 1

Figure 2

Figure 3

Step 9: Open the FirstViewController.m file and make the following changes in the file.

- (void)viewDidLoad {

        NSString *urlAddress = @"http://www.google.com";

        NSURL *url = [NSURL URLWithString:urlAddress];

        NSURLRequest *requestObj = [NSURLRequest requestWithURL:url];

        [webDisplay loadRequest:requestObj];

    [super viewDidLoad];

}

Step 10: In the AudioPlayViewController.h file , we have import AudioToolbox and AVFoundation framework. Create an instance of AVAudioPlayer and UIButton class. Define two IBAction method. So make the following changes in the file.

#import 
#import 
#import 
@interface AudioPlayViewController : UIViewController   {
        SystemSoundID systemSoundID;

        AVAudioPlayer *player;

        UIButton *StartStopSound;

        

}
@property (nonatomic, retain) IBOutlet AVAudioPlayer *player;

@property (nonatomic, retain) IBOutlet UIButton *StartStopSound;

- (IBAction) playSound: (id) sender;

- (IBAction) playSong: (id) sender;

Step 11: Double click the AudioPlayViewController.xib file and open it to the view window. First drag the two Round Rect from the library and place it to the view window and give the name “Play Sound” , “Play Song”. Select the ”Play Sound” button and bring up connection Inspector and drag Touch Up Inside to the File Owner icon select playSound: action. Do the same thing for the “Play Song” button and select the playSong: action. Connect File’s Owner icon to the “Play Song” button and select StartStopSound. Now save the AudioPlayViewController.xib file, close it and go back to the Xcode.

Step 12: Open the AudioPlayViewController.m file and make the following changes:

-(void)viewDidLoad {

        NSLog(@"InView did load");

        AudioServicesCreateSystemSoundID((CFURLRef)[NSURL fileURLWithPath:[[NSBundle mainBundle]

                                                                                                                                           pathForResource:@"sound" ofType:@"aif"]],
&systemSoundID);

        player =[[AVAudioPlayer alloc]

                          initWithContentsOfURL:[NSURL fileURLWithPath:
[[NSBundle mainBundle] pathForResource:@"music" ofType:@"mp3"]]

                          error:nil];

[player prepareToPlay];

}

-(IBAction) playSound:(id) sender {

        NSLog(@"In Sample");

        AudioServicesPlaySystemSound(systemSoundID);

}
-(IBAction) playSong:(id) sender {

        if ([[NSString stringWithFormat:@"%@", [StartStopSound titleForState:UIControlStateNormal]] isEqualToString:@"Play Song"]) {    

                [player play];  

                [StartStopSound setTitle:@"Stop Song" forState:UIControlStateNormal];   }

        else {  

                [player stop];  

                [StartStopSound setTitle:@"Play Song" forState:UIControlStateNormal];   

        }       

}

Step 13: Double click the MainWindow.xib file and open it to the Interface Builder. Select the ViewController from the TabBar Controller in MainWindow and bring up Identity Inspector and change the class name into AudioPlayViewController and bring up Attribute Inspector, set the NIB name into “AudioPlayViewController”. Now save the MainWindow.xib file, close it and go back to the Xcode.

Step 14: Now Compile the application and run it in the Simulator.

You can Download SourceCode from here Tabbar_Videoplay_iPad

ViewBase application in iPad

Sushant — Thu, 15 Jul 2010 07:43:21 +0000

This is the simple View Base application. In this application we will display image, button and label.

Step 1: Create a View base application using template. Give the application name “ViewBase_iPad”.

Step 2: Xcode automatically creates the directory structure and adds essential frameworks to it. You can explore the directory structure to check out the content of the directory.

Step 3: Xpand classes and notice Interface Builder created the ViewBase_iPadViewController class for you. Expand Resources and notice the template generated a separate nib,ViewBase_iPadViewController.xib, for the “ViewBase_iPad”.

Step 4: In the ViewBase_iPadViewController.h file, we have created instance of UILabel and UIImage class. Define one IBAction method. So make the following changes.

#import 
@interface ViewBase_iPadViewController : UIViewController {

        

 IBOutlet UILabel *myLabel;

 IBOutlet UIImage *myImage;
}
@property(nonatomic,retain) IBOutlet UILabel *myLabel;

@property(nonatomic,retain) IBOutlet UIImage *myImage;
-(IBAction)ButtonPressed:(id)sender;

Step 5: Double click the ViewBase_iPadViewController.xib file and open it to the Interface Builder.First drag the Image View from the library and place it to the View window. Next drag label and Round Rect from the library and place it to the view window. Select the Round Rect from the view window and bring up Connection iNspector. Drag from the Touch Up Inside to the File’s Owner icon and select ButtonPressed: method. Connect File’s Owner icon to the View icon and select view and connect File’s Owner icon to the label select myLabel. Now save the ViewBase_iPadViewController.xib file, close it and go back to the Xcode.

Step 6: Open the ViewBase_iPadViewController.m file and make the following changes in the file.

-(IBAction)ButtonPressed:(id)sender{
myLabel.text = @"Welocome to the Real World!!!";

}

Step 7: Now compile and run the application in the Simulator.

You can Download SourceCode from here ViewBase_iPad

How to play Video in iPad

Sushant — Wed, 14 Jul 2010 08:28:19 +0000

This is the very simple application . In this application we will see how to play video in the iPad.

Step 1: Create a View base application using template. Give the application name “VideoPlay_iPad”.

Step 2: Xcode automatically creates the directory structure and adds essential frameworks to it. You can explore the directory structure to check out the content of the directory.

Step 3: Xpand classes and notice Interface Builder created the VideoPlay_iPadViewController class for you. Expand Resources and notice the template generated a separate nib,VideoPlay_iPadViewController.xib, for the “VideoPlay_iPad”.

Step 4: We need to add MediaPlayer.framework in the Frameworks folder. Select-> Frameworks folder -> Add ->Existing Frameworks -> then select MediaPlayer.framework.

Step 5: In the VideoPlay_iPadViewController.h file, we have created instance of MPMoviePlayerController class, that manage the playback of a movie from a file or from the network, and create a instance of NSURL class . So make the following changes in the file.

#import 
#import 
@interface VideoPlay_iPadViewController : UIViewController {
        MPMoviePlayerController *videoPlayer;

        NSURL *videoURL;

        

}

Step 6: Open the VideoPlay_iPadViewController.m file and make the following changes in the file.

-(void)viewWillAppear:(BOOL)animated

{

        NSString *urlStr = [[NSBundle mainBundle] pathForResource:@"3idiots.mov" ofType:nil];

        NSURL *url = [NSURL fileURLWithPath:urlStr];

        videoPlayer = [[MPMoviePlayerController alloc] initWithContentURL:url];

        [self.view addSubview:videoPlayer.view];

        videoPlayer.view.frame = CGRectMake(0, 0,768, 1000);  

        [videoPlayer play];

}

Step 7: Now compile and run the application in the Simulator.

You can Download SourceCode from here VideoPlay_iPad

How to image moved using Touch function in iPad

Sushant — Thu, 08 Jul 2010 07:02:20 +0000

In this application we will see how to image moved ,using touch function we will shift images any where of the screen.

Step 1: Create a View base application using template. Give the application name “RotateImage”.

Step 2: Xcode automatically creates the directory structure and adds essential frameworks to it. You can explore the directory structure to check out the content of the directory.

Step 3: Xpand classes and notice Interface Builder created the RotateImageViewController class for you. Expand Resources and notice the template generated a separate nib,RotateImageViewController.xib, for the “RotateImage”.

Step 4: We need to add UIView class in the project. Select Classes -> Add -> New File -> Cocoa Touch Class -> Objective C class -> select UIView from the Subclass of. Give the file name “ImageView”.

Step 5: We have added one resource in the Resources folder. Give the name of the resource “1.png”.

Step 6: In the ImageView.h file, we specified the superclass as a UIImageView. So make the following changes in the file:

#import 

 @interface ImageView : UIImageView {

}

Step 7: Open the ImageView.m file , make the following changes in the file.

-(id) initWithImage:(UIImage *)image {
if(self =[super initWithImage:image]){
[self setUserInteractionEnabled:YES]; 
[self setMultipleTouchEnabled:YES];
}return self;
}
- (void) touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event

{

        if ([touches count] == 1) {

                CGPoint newTouch = [[touches anyObject] locationInView:[self superview]]; 

                CGPoint lastTouch = [[touches anyObject] previousLocationInView: [self superview]];

                float xDif = newTouch.x - lastTouch.x; 

                float yDif = newTouch.y - lastTouch.y;

                CGAffineTransform translate = CGAffineTransformMakeTranslation(xDif, yDif);

                [self setTransform: CGAffineTransformConcat([self transform], translate)]; 

        } 

}

Step 8: In the the RotateImageViewController.h file we have import “ImageView.h” file.

Step 9: Open the RotateImageViewController.m file, we create ImageView and make it visible. So make the following changes in the file.

- (void)viewDidLoad {

    [super viewDidLoad];

        ImageView* imageView = [[ImageView alloc] initWithImage:[UIImage imageNamed:@"1.png"]];

        [imageView setFrame:CGRectMake(110, 180, [imageView frame].size.width,[imageView frame].size.height)];

        [[self view] addSubview:imageView];

        [imageView release];

}

Step 10: Now compile and run the application in the Simulator.

You can Download SourceCode from here RotateImage

Display images in TabBar Application in iPad

Sushant — Tue, 06 Jul 2010 12:52:25 +0000

This is the very easy example . We will see how to image display in the different tab in the TabBarApplication using only Interface Builder.

Step 1: Create a TabBar Application using template. Give the application name “TabBarApplication_iPad”.

Step 2: Xcode automatically creates the directory structure and adds essential frameworks to it. You can explore the directory structure to check out the content of the directory.

Step 3: Xpand classes and notice Interface Builder created the TabBarApplication_iPadViewController class for you. Expand Resources and notice the template generated a separate nib,TabBarApplication_iPadViewController.xib, for the “TabBarApplication_iPad”.

Step 4: We need to add two images in the Resource folder. Give the images name “1.png”, “2.png”.

Step 5: Double click the FirstView.xib file and open it to the Interface Builder. First drag the UIImageView from the library and place it to the View window. Select the UIImageView from the view and bring up Attribute Inspector and select the “1.png”. Connect File’s Owner icon to the View icon and select the view. Save the .xib file and go back to the Xcode.

Step 6: Double click the SecondView.xib file and open it to the Interface Builder. First drag the UIImageView from the library and place it to the View window. Select the UIImageView from the view and bring up Attribute Inspector and select the “2.png”. Connect File’s Owner icon to the View icon and select the view. Save the .xib file and go back to the Xcode.

Step 7: Now compile and run the application in the Simulator.

You can Download SourceCode from here TabBarApplication_iPad

Draw Circle Triangle and Rectangle in iPad

Sushant — Mon, 21 Jun 2010 10:19:45 +0000

This is the very simple tutorial. In this tutorial we will see how to draw Circle, Triangle and Rectangle in the iPad.

Step 1: Create a Window base application using template. Give the application name “ThreeViews”.

Step 2: Xcode automatically creates the directory structure and adds essential frameworks to it. You can explore the directory structure to check out the content of the directory.

Step 3: We need to add one UIView file in the project. Select classes-> New File -> Add ->Cocoa Touch Class -> Select Objective C class -> Subclass of -> UIView. Give the class name “CircleView”.

Step 4: Open the ThreeViewsAppDelegate.m file and make the following changes in the file:

-(void)applicationDidFinishLaunching:(UIApplication *)application {
CircleView *view = [[CircleView alloc] initWithFrame:[window frame]];

[window addSubview:view];

[view release];
[window makeKeyAndVisible];
}

Step 5: Open the CicleView.m file and make the following changes in the drawRect: method.

-(void)drawRect:(CGRect)rect {

CGContextRef contextRef = UIGraphicsGetCurrentContext();
CGContextSetRGBFillColor(contextRef, 0, 0, 255, 0.1);

CGContextSetRGBStrokeColor(contextRef, 0, 0, 255, 0.5);
// Draw a circle (filled)

CGContextFillEllipseInRect(contextRef, CGRectMake(100, 100, 25, 25));
// Draw a circle (border only)

CGContextStrokeEllipseInRect(contextRef, CGRectMake(100, 100, 25, 25));
// Get the graphics context and clear it

CGContextRef ctx = UIGraphicsGetCurrentContext();

CGContextClearRect(ctx, rect);
// Draw a green solid circle

CGContextSetRGBFillColor(ctx, 0, 255, 0, 1);

CGContextFillEllipseInRect(ctx, CGRectMake(100, 100, 25, 25));
// Draw a yellow hollow rectangle

CGContextSetRGBStrokeColor(ctx, 255, 255, 0, 1);

CGContextStrokeRect(ctx, CGRectMake(195, 195, 60, 60));
// Draw a purple triangle with using lines

CGContextSetRGBStrokeColor(ctx, 255, 0, 255, 1);

CGPoint points[6] = { CGPointMake(100, 200), CGPointMake(150, 250),

CGPointMake(150, 250), CGPointMake(50, 250),

CGPointMake(50, 250), CGPointMake(100, 200) };

CGContextStrokeLineSegments(ctx, points, 6);
}

Step 6: Now compile and run the application in the Simulator.

You can Download SourceCode from here ThreeViews

Display Map Wed using ButtonPress in iPad

Sushant — Tue, 11 May 2010 07:55:24 +0000

In this application you can see how to display WebPage, Map using ButtonPress in the iPad. This is the very simple example. Let see how it will be worked.

Step 1: Create a application using Window base template. Give the application name “WebMapDisplay”.

Step 2: Xcode automatically creates the directory structure and adds essential frameworks to it. You can explore the directory structure to check out the content of the directory.

Step 3: Expand classes and notice Interface Builder created the OpenBrowserAppDelegate class for you. Expand Resources and notice the template generated a separate nib MainWindow.xib for the “WebMapDisplay”.

Step 4: We need to add two UIViewController class to the project. Choose New file -> Select cocoa touch classes group and then select UIViewController . Give the class name “WebMapDisplayViewC0ntroller”, create another ViewController class and corresponding .xib file, give the class name “MainViewController”. Now add UIViewclass, Choose New file-> Select cocoa touch class -> select Objective C class -> select UIView from the Subclass of. Also create corresponding .xib file . Give the class name “MainView”.

Step 5: Open the AppDelegate.h file and add WebMapDisplayViewController class, and create an instance of the class. Make the following changes in the file.

#import 
@class WebMapDisplayViewController;
@interface WebMapDisplayAppDelegate : NSObject  {

     UIWindow *window;

     WebMapDisplayViewController *webMapDisplayViewController;

}
@property (nonatomic, retain) IBOutlet UIWindow *window;

@property (nonatomic, retain) IBOutlet WebMapDisplayViewController *webMapD

Step 6: In the AppDelegate.m file make the following changes:

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {    

    [window addSubview:[webMapDisplayViewController view]];

        [window makeKeyAndVisible];

    return YES;

}

Step 7: Now open the WebMapDisplayViewController.h file, we have added MainViewController class and create an object of the class, add UIButton . So now make the following changes :

#import 
@class MainViewController;
@interface WebMapDisplayViewController : UIViewController {

     MainViewController *mainViewController;

     IBOutlet UIButton *infoButton;
}

 @property (nonatomic, retain) MainViewController *mainViewController;

 @property (nonatomic, retain) IBOutlet UIButton *infoButton;

Step 8: Double click the MainWindow.xib file and open it to the Interface Builder. First drag the ViewController from the library and place it to the Main window. Select the View Controller and bring up Identity Inspector, change the class name into the WebMapDisplayViewController. Now open the WebMapDisplayViewController, drag the Round Rect from the library and place it to the view window select the Round Rect and bring up Attributes Inspector then change the type of the button into info Light. Select the WebMapDisplayViewController icon from the main window and bring up Connection Inspector drag from infoButton to the Light info button. Now save the nib file, close it and go back to the Xcode.

Step 9: Open the WebMapDisplayViewController.m file and make the following changes:

- (void)viewDidLoad {

        MainViewController *viewController=[[MainViewController alloc] initWithNibName:@"MainView" bundle:nil];

    self.mainViewController = viewController;

        [viewController release];

        [self.view insertSubview:mainViewController.view belowSubview:infoButton];

        [super viewDidLoad];

}

Step 10: In the MainViewController.h file we have added two method fro display map and webpage. So make the following changes:

#import 

@interface MainViewController : UIViewController {

}

-(IBAction)ShowMap;

-(IBAction)ShowBrowser;

Step 11:Double click the MainViewController.xib file and open it to the Interface Builder. Select the File’s Owner icon from the MainWindow and bring up Identity Inspector and change the class name into MainViewController. Next select the View icon from the mainwindow and bring up Identity Inspector and change the class name into “MainView”.Drag two Round Rect from the library and place it to the view window. Give the Round Rect name “OpenMap” and “OpenBrowser”. Connect File’s Owner icon to the MainView icon and select view. Select OpenMap from the view window and bring up Connection Inspector and drag TouchUpInside to the File’s owner icon and select ShowMap: method, do it once again for OpenBrowser and select ShowBrowser: method. Now save the .xib file, close it and go back to the Xcode.

Step 12: Open the MainViewController.m file and make the following changes in the file.

-(IBAction)ShowMap
{
NSString* mapUrl =[NSString stringWithFormat:@"http://maps.google.com/maps?q=%@"];
[[UIApplication sharedApplication] openURL:[NSURL URLWithString:mapUrl]];

}
-(IBAction)ShowBrowser

{

  [[UIApplication sharedApplication] openURL:[NSURL URLWithString:@"http://google.com"]];

}

Step 13: Now compile and run the application in the Simulator.

You can download SourceCode from here WebMapDisplay

How to changeView in the iPad

Sushant — Fri, 07 May 2010 11:28:07 +0000

In this application we will see how to change view using button pressed. This is the very simple application. Let see how it will be worked.

Step 1: Create a application using Window base template. Give the application name “MultiViewiPad”.

Step 2: Xcode automatically creates the directory structure and adds essential frameworks to it. You can explore the directory structure to check out the content of the directory.

Step 3: We need to add three UIViewController class to the project. Choose New file -> Select cocoa touch classes group and then select UIViewController . Give the file names “SwitchViewController”, “FirstViewController” and create corresponding .xib file, and create another class ”SecondViewController ” and corresponding .xib file.

Step 4: We need to add images in the Resources folder. Give the name of the images “1.png”,”2.png”.

Step 5: In the AppDelegate.h file , we have added SwitchViewController class. So make the following changes in the file.

#import 
@class SwitchViewController;
@interface MultiViewiPadAppDelegate : NSObject  {

    UIWindow *window;

        IBOutlet SwitchViewController *switchViewController;

}
@property (nonatomic, retain) IBOutlet UIWindow *window;

@property (nonatomic, retain) IBOutlet SwitchViewController *switchViewController;

Step 6: Open the AppDelegate.m file and make the following changes:

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {    

        [window addSubview:switchViewController.view];

        [window makeKeyAndVisible];

    return YES;

}

Step 7: Now open the SwitchViewController.h file, we have added FirstViewController and SecondViewController class in the file and added one ChangeView method . Make the following changes in the file.

#import 
@class FirstViewController;

@class SecondViewController;

@interface SwitchViewController : UIViewController {

        FirstViewController *firstViewController;

        SecondViewController *secondViewController;
}
@property (nonatomic, retain) FirstViewController *firstViewController;

@property (nonatomic, retain) SecondViewController *secondViewController;
-(IBAction)ChangeView:(id)sender;

Step 8: Double click MainWindow.xib file and open it to the Interface Builder. First drag ViewController from the library and place it to the MainWindow.Select the ViewController icon from theMainWindow and bring up Identity inspector and change the class name into SwitchViewController. Open the SwitchViewController and drag the View from the library and place it,in the SwitchViewController view. Next drag Toolbar from the library and place it buttom portion of the view and drag Bar Button Item from the library and place it on the ToolBar . Change the Bar Button Item name into Switch Views. Connect the MultiViewiPadAppDelegate icon to the SwitchViewController icon and select switchViewController. Select the SwitchViewController icon from the MainWindow and bring up Connection Inspector, drag from the ChangeView to the Bar Button Item. You have done all the connection, so now save the SwitchViewController.xib file , close it and go back to the Xcode.

Step 9: Open the SwitchViewController.m file and make the following changes:

-(void)viewDidLoad {

        FirstViewController *firstView =[[FirstViewController alloc] initWithNibName:@"FirstViewController" bundle:nil];

        self.firstViewController = firstView;
[self.view insertSubview:firstView.view atIndex:0];
[firstView release];  

[super viewDidLoad];
}
-(IBAction)ChangeView:(id)sender

{

        [UIView beginAnimations:@"View Flip" context:nil]; 

    [UIView setAnimationDuration:1.25]; 

    [UIView setAnimationCurve:UIViewAnimationCurveEaseInOut]; 

        if(self.secondViewController.view.superview == nil)

        { 

        if (self.secondViewController == nil) 

        { 

            SecondViewController *secondView = 

            [[SecondViewController alloc] initWithNibName:@"SecondViewController" 

                                                                                                  bundle:nil]; 

            self.secondViewController = secondView; 

            [secondView release]; 

        } 

        [UIView setAnimationTransition: 

         UIViewAnimationTransitionFlipFromRight 

                               forView:self.view cache:YES]; 

        [firstViewController viewWillAppear:YES]; 

                [secondViewController viewWillDisappear:YES]; 

        [firstViewController.view removeFromSuperview]; 

        [self.view insertSubview:secondViewController.view atIndex:0]; 

        [secondViewController viewDidDisappear:YES]; 

        [firstViewController viewDidAppear:YES];

        } 

        else 

    { 

        if (self.firstViewController == nil) 

        { 

            FirstViewController *firstView = 

            [[FirstViewController alloc] initWithNibName:@"FirstViewController" 

                                                                                                bundle:nil]; 

            self.firstViewController = firstView; 

            [firstView release]; 

        } 

        [UIView setAnimationTransition: 

         UIViewAnimationTransitionFlipFromLeft 

                               forView:self.view cache:YES]; 

        [secondViewController viewWillAppear:YES]; 

        [firstViewController viewWillDisappear:YES]; 

        [secondViewController.view removeFromSuperview]; 

        [self.view insertSubview:firstViewController.view atIndex:0]; 

        [firstViewController viewDidDisappear:YES]; 

                [secondViewController viewDidAppear:YES]; 

    } 

    [UIView commitAnimations];  

}

Step 10: Double click the FirstViewController.xib file and open it to the Interface Builder. First drag the image view from the library and place it to the view window, select the view and bring up Attribute Inspector, select the image “1.png”. Connect the File’s Owner icon to the View icon and select the view. Do the same for SecondViewController.xib file just select the image “2.png”. Now save the .xib file, close it and go back to the Xcode.

Step 11: Its all ready ,now compile and run the application in Simulator.

You can Download SourceCode from here MultiViewiPad

TabBarController Application in iPad

Sushant — Thu, 06 May 2010 08:02:25 +0000

TabBarController Application, in this application we will see how to run it in the iPad. This is the very simple application, i will show you using only Interface Builder how to implement simple TabBarController application in the iPad. So let see how it will be worked.

Step 1: Create a new project using TabBar Application template. Give the application name “TabBarApplicationiPad”.

Step 2: Xcode automatically creates the directory structure and adds essential frameworks to it. You can explore the directory structure to check out the content of the directory.

Step 3: xpand classes and notice Interface Builder created the FirstViewController and SecondViewController classes for you. Expand Resources and notice the template generated a separate nibs, FirstViewController.xib andSecondViewController.xib , for the “TabBarApplicationiPad”.

Step 4: Double click the MainWindow.xib file and open it to the Interface Builder. Then you can see the in MainWindow.xib file TabBarController already included there. Open the TabBar Controller view and click the First Tab, then it will show you View loaded from the FirstView. That means First Tab content loaded from the FirstView.xib file (See the below figure).

Step 5: Now double click the FirstView.xib file and open it to the Interface Builder. Open the View window, click on it and bring up Attribute Inspector next the background color. Next drag the label from the library and place it to the view window and give the label name “First View”(See in the below figure). Now save it, close it and go back to the Xcode.

Step 6: Open the SecondView.xib file in the Interface Builder.Open the view window, click on it and bring up Attribute Inspector and change the background color. Next drag the label from the library and place it to the view window and give the label name “Second View” (See in the below figure). Now save it, close it and go back to the Xcode.

Step 7: After doing in 6 simple step, your application will be ready for run in the Simulator. So now compile and run it in the Simulator.

You can download SourceCode from here TabBarApplicationiPad

Playing Audio file in iPad

Sushant — Wed, 21 Apr 2010 13:03:49 +0000

In this application we will see how to audio file playing in the iPad. Basically this is the very easy application. So let see how it will be worked.

Step 1: Create a new project in Xcode using View base application. Give the application name “MusicPlayiPad”.

Step 2: Xcode automatically creates the directory structure and adds essential frameworks to it. You can explore the directory structure to check out the content of the directory.

Step 3: xpand classes and notice Interface Builder created the MusicPlayiPadViewController class for you. Expand Resources and notice the template generated a separate nib, MusicPlayiPadViewController.xib, for the “MusicPlayiPad”.

Step 4: In this application, we need to add two frameworks.So select Frameworks -> Add -> Existing Framework -> then select AVFoundation.framework and AudioToolbox.framework.

Step 5: We need to add sound files in the Resources folder. Give the name of the sound files “music.mp3”,”sound.aif”.

Step 6: Open the MusicPlayiPadViewController.h file, we have added in this file AVAudioPlayerDelegate protocol. They allow a delegate to respond to audio interruptions , to audio decoding errors , and to the completion of a sound’s playback. Added SystemSoundID for playing sound, AVAudioPlayer for playing song, UIButton for display the button and mention two IBAction. So make the following changes in the file.

#import 
#import 
#import 
 @interface MusicPlayiPadViewController : UIViewController 

 

 {

   SystemSoundID systemSoundID;

   AVAudioPlayer *player;

   UIButton *StartStopSound;

}
 @property (nonatomic, retain) IBOutlet AVAudioPlayer *player;

 @property (nonatomic, retain) IBOutlet UIButton *StartStopSound;
 - (IBAction) playSound: (id) sender;

 - (IBAction) playSong: (id) sender;

Step 7: Double click the MusicPlayiPadViewController.xib file and open it to the Interface Builder. Open the view window and first drag two Round Rect from the library and place it to the view window change the Round Rect name into “Play Sound” and “PlaySong”. Next connect File’s Owner icon to the view icon and select view. Select the Play Sound button from view window and bring up connection inspector, next drag from the TouchUpInside to the File’s Owner icon and select playSound: action. Do it once more time for Play Song button and select playSong: action and drag from the File’s Owner icon to the Play Sound button and select StartStopSound. Done all connection, now save NIB file, close it and go back to the Xcode.

Step 8: Open the MusicPlayiPadViewController.m file and make the following changes:

-(void)viewDidLoad {
-(void)viewDidLoad {

        NSLog(@"InView did load");

        AudioServicesCreateSystemSoundID((CFURLRef)[NSURL fileURLWithPath:[[NSBundle mainBundle]

                                                                                                                                           pathForResource:@"sound" ofType:@"aif"]],                                                            &systemSoundID);
  player = [[AVAudioPlayer alloc]

  initWithContentsOfURL:[NSURL fileURLWithPath:

  [[NSBundle mainBundle] pathForResource:@"music" ofType:@"mp3"]]

  error:nil];
  [player prepareToPlay];
}
 -(IBAction) playSound:(id) sender {

  AudioServicesPlaySystemSound(systemSoundID);

}
 -(IBAction) playSong:(id) sender {

  if ([[NSString stringWithFormat:@"%@", [StartStopSound     titleForState:UIControlStateNormal]] isEqualToString:@"Play Song"]) {

  [player play];

  [StartStopSound setTitle:@"Stop Song" forState:UIControlStateNormal];         }

else {

  [player stop];

  [StartStopSound setTitle:@"Play Song" forState:UIControlStateNormal];

 }

}

Step 9: Now compile and run the application in the Simulator.