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

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

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