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

Table View Application in iPhone

Sushant — Wed, 07 Dec 2011 05:27:55 +0000

In this application we will see how to content delete , edit from the Table View. So let see how it will worked.

Step 1: Open the Xcode, Create a new project using View Base application. Give the application “TableView”.

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 FirstViewController and SecondViewController
class for you. Expand Resources and notice the template generated a separate nib, TableViewViewController.xib for the TableView application.

Step 4: Open the TableViewAppDelegate.m file make the following changes:

#import "TableViewAppDelegate.h"

#import "TableViewViewController.h"

@implementation TableViewAppDelegate

@synthesize window=_window;

@synthesize viewController=_viewController;

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

launchOptions

{

UINavigationController *navController = [[UINavigationController alloc]

initWithRootViewController:_viewController];

[self.window addSubview:navController.view];

return YES;

}

- (void)applicationWillResignActive:(UIApplication *)application

{

}

- (void)applicationDidEnterBackground:(UIApplication *)application

{

}

- (void)applicationWillEnterForeground:(UIApplication *)application

{

}

- (void)applicationDidBecomeActive:(UIApplication *)application

{}

- (void)applicationWillTerminate:(UIApplication *)application

{

}

- (void)dealloc

{

[_window release];

[_viewController release];

[super dealloc];

}

@end

Step 5: Open the TableViewViewController.h file make the following changes:

#import 

@interface TableViewViewController : UIViewController 

{

IBOutlet UITableView *tableView1;

NSMutableArray *arry;

}

- (IBAction) EditTable:(id)sender;

@end

Step 6: Double click the TableViewViewController.xib file and open it to the Interface Builder. First drag the table view from the library and place it to the view window.Select the Table View from the view and bring up Connection Inspector and connect datasource to File’s owner icon and delegate to the File’s owner icon. Now save the .xib file, close it and go back to the Xcode.

Step 7: Open the TableViewViewController.m file make the following changes:

#import "TableViewViewController.h"

@implementation TableViewViewController

- (void)viewDidLoad

{

arry = [[NSMutableArray alloc]

initWithObjects:@"iPhone",@"MacMini",@"iMac",@"MacBookProAir",@"MacBookPro",nil];

self.title = @"Table View ";

UIBarButtonItem *addButton = [[UIBarButtonItem alloc] initWithTitle:@"Edit"

style:UIBarButtonItemStyleBordered target:self action:@selector(EditTable:)];

[self.navigationItem setLeftBarButtonItem:addButton];

[super viewDidLoad];

}

- (void)didReceiveMemoryWarning

{

[super didReceiveMemoryWarning];

}

- (void)dealloc

{

[super dealloc];

}

#pragma mark Table view methods

- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView

{

return 1;

}

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section

{

int count = [arry count];

if(self.editing) count++;

return count;

}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)

indexPath

{

static NSString *CellIdentifier = @"Cell";

UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];

if (cell == nil)

{

cell = [[[UITableViewCell alloc] initWithFrame:CGRectZero reuseIdentifier:CellIdentifier] autorelease];

}

int count = 0;

if(self.editing && indexPath.row != 0)

count = 1;

if(indexPath.row == ([arry count]) && self.editing)

{

cell.textLabel.text = @"ADD";

return cell;

}

cell.textLabel.text = [arry objectAtIndex:indexPath.row];

return cell;

}

- (IBAction)AddButtonAction:(id)sender

{

[arry addObject:@"MacBookPro "];

[tableView1 reloadData];

}

- (IBAction)DeleteButtonAction:(id)sender

{

[arry removeLastObject];

[tableView1 reloadData];

}

- (IBAction) EditTable:(id)sender

{

if(self.editing)

{

[super setEditing:NO animated:NO];

[tableView1 setEditing:NO animated:NO];

[tableView1 reloadData];

[self.navigationItem.leftBarButtonItem setTitle:@"Edit"];

[self.navigationItem.leftBarButtonItem setStyle:UIBarButtonItemStylePlain];

}

else

{

[super setEditing:YES animated:YES];

[tableView1 setEditing:YES animated:YES];

[tableView1 reloadData];

[self.navigationItem.leftBarButtonItem setTitle:@"Done"];

[self.navigationItem.leftBarButtonItem setStyle:UIBarButtonItemStyleDone];

}

}

- (UITableViewCellEditingStyle)tableView:(UITableView *)aTableView editingStyleForRowAtIndexPath:

(NSIndexPath *)indexPath

{

if (self.editing == NO || !indexPath) return UITableViewCellEditingStyleNone;

if (self.editing && indexPath.row == ([arry count]))

{

return UITableViewCellEditingStyleInsert;

} else

{

return UITableViewCellEditingStyleDelete;

}

return UITableViewCellEditingStyleNone;

}

- (void)tableView:(UITableView *)aTableView commitEditingStyle:(UITableViewCellEditingStyle)

editingStyle

forRowAtIndexPath:(NSIndexPath *)indexPath

{

if (editingStyle == UITableViewCellEditingStyleDelete)

{

[arry removeObjectAtIndex:indexPath.row];

[tableView1 reloadData];

} else if (editingStyle == UITableViewCellEditingStyleInsert)

{

[arry insertObject:@"MacBookPro" atIndex:[arry count]];

[tableView1 reloadData];

}

}

#pragma mark Row reordering

- (BOOL)tableView:(UITableView *)tableView canMoveRowAtIndexPath:(NSIndexPath *)indexPath

{

return YES;

}

@end

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

You can Download SourceCode from here

Programmatically Segmented Control in iPhone

Sushant — Wed, 30 Nov 2011 05:14:15 +0000

In this application we will see how to implement Segmented Control programmatically in iPhone. So let see how it will
worked.

Step 1: Open the Xcode, Create a new project using View Base application. Give the application
“ProgrammaticallySegmentedControl”.

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 FirstViewController and SecondViewController class
for you. Expand Resources and notice the template generated a separate nib,
ProgrammaticallySegmentedControlViewController.xib for the ProgrammaticallySegmentedControl application.

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

#import "programmaticallySegmentedControlViewController.h"

#define HeightSegmControl 40.0

#define TextHeight 30.0

#define LeftMargin 30.0

#define RightMargin 30.0

#define TweenMargin 30.0

@implementation programmaticallySegmentedControlViewController

- (void)SegmentControl

{

NSArray *text = [NSArray arrayWithObjects: @" Segmented", @"Control", @"iPhone", nil];

CGFloat yPlacement = (TweenMargin * 3.0) + HeightSegmControl;

CGRect frame=CGRectMake(LeftMargin, yPlacement, self.view.bounds.size.width-(RightMargin *

3.0),TextHeight);

UISegmentedControl *control= [[UISegmentedControl alloc] initWithItems:[NSArray arrayWithObjects: nil]];

control = [[UISegmentedControl alloc] initWithItems:text];

control.frame = frame;

//control.selectedSegmentIndex = 0;

[self.view addSubview:control];

[control release];

// label

//yPlacement += (mTweenMargin * 3.0) + mSegmentedControlHeight;

control = [[UISegmentedControl alloc] initWithItems:text];

frame = CGRectMake(LeftMargin,yPlacement,self.view.bounds.size.width-(RightMargin *

2.0),HeightSegmControl);

control.frame = frame;

control.segmentedControlStyle = UISegmentedControlStyleBar;

//control.tintColor = [UIColor colorWithRed:0.80 green:0.171 blue:0.5 alpha:1.0];

control.selectedSegmentIndex = 1;

[self.view addSubview:control];

[control release];

}

- (void)dealloc

{

[super dealloc];

}

- (void)didReceiveMemoryWarning

{

// Releases the view if it doesn’t have a superview.

[super didReceiveMemoryWarning];

// Release any cached data, images, etc that aren’t in use.

}

#pragma mark – View lifecycle

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

- (void)viewDidLoad

{

[super viewDidLoad];

[self SegmentControl];

}

- (void)segmentAction:(id)sender

{}

- (void)viewDidUnload

{

[super viewDidUnload];

// Release any retained subviews of the main view.

// e.g. self.myOutlet = nil;

}

- (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation

{

// Return YES for supported orientations

return (interfaceOrientation == UIInterfaceOrientationPortrait);

}

@end

Step 5: Now Compile and run the application on the Simulator.

You can Download SourceCode from here

UIButton Example in iPhone

Sushant — Tue, 22 Nov 2011 05:09:08 +0000

In this example we will see how to display DatePicker view after pressing button. So let see how it will worked.

Step 1: Open the Xcode, Create a new project using View Base application. Give the application “Button_Fun”.

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 ViewController class for you. Expand Resources and notice
the template generated a separate nib, Button_FunViewController.xib for the Button_Fun.

Step 4: We need to add one UIViewController class in the application. So select New File -> Cocoa Touch ->
UIViewController subclass, and give the class name “Date Picker”.

Step 5: Open the Button_FunViewController.h file and make the following changes in the file:

#import 

@class DatePicker;

@interface Button_FunViewController : UIViewController {

DatePicker *datePicker;

IBOutlet UIButton *button;

}

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

-(IBAction) nextview:(id)sender;

@end

Step 6: Double click the Button_FunViewController.xib file and open it to the Interface Builder. Drag the Round Rect
button from the library and place it to the view window. Select the button and bring up Connection Inspector connect Touch Up Inside to the File’s owner icon and select nextview: method. Now save the .xib file , close it and go back to the Xcode.

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

#import "Button_FunViewController.h"

#import "DatePicker.h"

@implementation Button_FunViewController

@synthesize button;

-(IBAction) nextview:(id)sender

{

datePicker = [[DatePicker alloc]

initWithNibName:@"DatePicker"

bundle:nil];

[self.view addSubview:datePicker.view];

}

- (void)dealloc

{

[super dealloc];

[datePicker release];

}

- (void)didReceiveMemoryWarning

{

// Releases the view if it doesn’t have a superview.

[super didReceiveMemoryWarning];

}

- (void)viewDidUnload

{

[super viewDidUnload];

}

- (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation

{

// Return YES for supported orientations

return (interfaceOrientation == UIInterfaceOrientationPortrait);

}

@end

Step 8: Open the DatePicker.h file and make the following change:

#import 

@interface DatePicker : UIViewController {

IBOutlet UIDatePicker *datePicker;

}

-(IBAction) previousview:(id)sender;

@end

Step 9: Double click the DatePicker.xib file and open it to the Interface Builder. First drag the date picker from library and
place it to the view window. Connect File’s Owner icon to the DatePicker and select datePicker. Now drag the Round Rect
Button and place it to the view window. Select the button and bring up connection inspector and connect Touch Up Inside to the File’s owner icon and select previousview: method. Now save the .xib file, close it and go back to the Xcode.

Step 10: Open the DatePicker.m file and make the following changes:

#import "DatePicker.h"

@implementation DatePicker

-(IBAction) previousview:(id)sender;

{

[self.view removeFromSuperview];

}

- (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil

{

self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil];

if (self) {

// Custom initialization

}

return self;

}

- (void)dealloc

{

[super dealloc];

}

- (void)didReceiveMemoryWarning

{

// Releases the view if it doesn’t have a superview.

[super didReceiveMemoryWarning];

// Release any cached data, images, etc that aren’t in use.

}

#pragma mark – View lifecycle

- (void)viewDidLoad

{

[super viewDidLoad];

// Do any additional setup after loading the view from its nib.

}

- (void)viewDidUnload

{

[super viewDidUnload];

}

- (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation

{

// Return YES for supported orientations

return (interfaceOrientation == UIInterfaceOrientationPortrait);

}

@end

Step 11: Now Compile and Run the application on the Simulator.

You can Download SourceCode from Button_Fun

Alert View Application in iPhone

Sushant — Tue, 15 Nov 2011 04:37:04 +0000

In this application we will see how to AlertView display after button pressed in iPhone. So let see how it will
worked.

Step 1: Open the Xcode, Create a new project using View Base application. Give the application
“AlertView”.

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 ViewController class for you. Expand Resources and notice the template generated a separate nib, AlertViewViewController.xib for the AlertView application.

Step 4: Open the AlertViewViewController.h file and make the following changes:

#import 

@interface AlertViewViewController : UIViewController {

IBOutlet UITextField *text;

}

- (IBAction)AlertView:(id)sender;

@end

Step 5: Double click the AlertViewViewController.xib file and open it to the interface Builder. Drag the Textfield, Label and round rect button from the library and place it to the View window. Now connect File’s Owner icon to the TextField and select text, select the button and bring up Connection Inspector and connect Touch Up Inside to the File’s Owner icon and select AlertView: method. Now Save the .xib file, close it and go back to the Xcode.

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

#import "AlertViewViewController.h"

@implementation AlertViewViewController

- (IBAction)AlertView:(id)sender

{

if([text.text length]==0)

{

UIAlertView * alert = [[UIAlertView alloc] initWithTitle:@""

message:@"Enter Your Name"

delegate:self

cancelButtonTitle:@"OK"

otherButtonTitles: nil];

[alert show];

}[

text resignFirstResponder];

}

- (void)dealloc

{

[super dealloc];

}

- (void)didReceiveMemoryWarning

{

// Releases the view if it doesn’t have a superview.

[super didReceiveMemoryWarning];

// Release any cached data, images, etc that aren’t in use.

}

#pragma mark – View lifecycle

/*

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

- (void)viewDidLoad

{

[super viewDidLoad];

}

*/

- (void)viewDidUnload

{

[super viewDidUnload];

// Release any retained subviews of the main view.

// e.g. self.myOutlet = nil;

}

- (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation

{

// Return YES for supported orientations

return (interfaceOrientation == UIInterfaceOrientationPortrait);

}

@end

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

You can Download SourceCode from AlertView

Touch Function in iPhone

Sushant — Thu, 10 Nov 2011 04:31:42 +0000

In this application we will see how to multiple images moved using touch function. So let see how it will worked.

Step 1: Open the Xcode, Create a new project using View Base application. Give the application “TouchFunction”.

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 ViewController class for you. Expand Resources
and notice the template generated a separate nib, TouchFunctionViewController.xib for the TouchFunction
application.

Step 4: we need to add resources in the application.

Step 5: Open the TouchFunctionViewController.h file and make the following changes:

#import 

@interface TouchFunctionViewController : UIViewController {

IBOutlet UIImageView *image;

IBOutlet UIImageView *image1;

IBOutlet UIImageView *image2;

IBOutlet UIImageView *image3;

IBOutlet UIImageView *image4;

}

@end

Step 6: Double click the TouchFunctionViewController.xib file and open it to the interface builder. First select the
view and bring up Attribute Inspector and change the background color. First drag the five ImageView from the
library and place it to the view window. Select the Image Views from the view and bring up Attribute Inspector and
select the litchi.png, raspberries.png, starfruits.png, apple.png,orange.png images. Connect File’s Owner icon to the
image views and select image, image1,image2, image3, image4. Now save the .xib file, save it and go back to the
Xcode.

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

#import "TouchFunctionViewController.h"

@implementation TouchFunctionViewController

- (void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event

{

// get touch event

UITouch *touch = [[event allTouches] anyObject];

CGPoint touchLocation = [touch locationInView:self.view];

if ([touch view] == image) {

image.center = touchLocation;

}

else if ([touch view] == image1) {

image1.center = touchLocation;

}

else if ([touch view] == image2) {

image2.center = touchLocation;

}

else if ([touch view] == image3) {

image3.center = touchLocation;

}

else if ([touch view] == image4) {

image4.center = touchLocation;

}

}

- (void)didReceiveMemoryWarning

{

[super didReceiveMemoryWarning];

}

#pragma mark – View lifecycle

- (void)viewDidUnload

{

[super viewDidUnload];

}

- (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation

{

// Return YES for supported orientations

return (interfaceOrientation == UIInterfaceOrientationPortrait);

}

@end

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

You can Download SourceCode from here

WebView Application in iPhone

Sushant — Tue, 27 Sep 2011 04:10:54 +0000

In this application we will see how to WebView display in the view window . So let see how it will worked.

Step 1: Open the Xcode, Create a new project using View Base application. Give the application “MapViewiPhone”.

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 ViewController class for you. Expand Resources and notice the template generated a separate nib, MapViewiPhoneViewController.xib for the MapViewiPhone application.

Step 4: We need to add MapKit.framework in the Frameworks folder.

Step 5: Open the MapViewiPhoneViewController.h file and make the following changes:

#import 
#import 
@interface MapViewiPhoneViewController : UIViewController {


    IBOutlet MKMapView *map;

}
@property(nonatomic, retain) IBOutlet MKMapView *map;
@end

Step 6: Double click the MapViewiPhoneViewController.xib file and open it to the Interface Builder. First drag the mapview from the library and place it to the View window. Connect File’s Owner icon to the view window and select map. Now save the .xib file, close it , and go back to the Xcode.

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

#import "MapViewiPhoneViewController.h"
@implementation MapViewiPhoneViewController
@synthesize map;
- (void)dealloc

{

    [super dealloc];

}
- (void)didReceiveMemoryWarning

{

    [super didReceiveMemoryWarning];

}

#pragma mark – View lifecycle

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

- (void)viewDidLoad

{

    [super viewDidLoad];

        map.mapType = MKMapTypeSatellite;

        map.mapType=MKMapTypeStandard;

}

- (void)viewDidUnload

{

    [super viewDidUnload];

}
- (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation

{

    // Return YES for supported orientations

    return (interfaceOrientation == UIInterfaceOrientationPortrait);

}

@end

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

You can Download SourceCode from here MapViewiPhone

Segment Control in TabBar Application in iPhone

Sushant — Thu, 15 Sep 2011 04:23:33 +0000

In this application we will see how to change the background color using segmentControl, in TabBar Application . So let see how it will worked.

Step 1: Open the Xcode, Create a new project using TabBar Base application. Give the application “TabBarWithSegmentControl”.

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 FirstViewController and SecondViewController class for you. Expand Resources and notice the template generated a separate nib, FirstView.xib and SecondView.xib for the TabBarWithSegmentControl application.

Step 4: Open the FirstViewController.h file and make the following changes:

#import 

@interface FirstViewController : UIViewController {

IBOutlet UISegmentedControl *segmentControl;

IBOutlet UIView *Firstview1;

IBOutlet UIView *Secondview2;

}

-(IBAction)segmentAction:(id)sender;

@end

Step 5: Double click FirstView.xib file and open it to the Interface Builder . First drag the Segmented Control from the library and place it to the view window. Select the Segmented control and bring up Connection Inspector and connect Touch Up Inside to the File Owner icon and select segmentAction: , connect File’s Owner icon to the Segmented Control and select segmentControl. Now drag the View two times from the library and place it to the Interface window. Drag the label from the library and place it to the View window and select the view and bring up Attribute Inspector , and change the background color and text into “FirstView”. Do it once more time for another view and change text into “SecondView”. Connect File’s owner icon to the View and select Firstview1. Select File’s Owner icon to the another view and select Secondview2.

Step 6: Double click the MainWindow.xib file and open it to the Interface Builder. Select the TabBar Controller from the interface window and select the First tab and bring up Attribute Inspector, change the Bar Item Title “FirstView”. Do it same for the Second tab and change the tab name “SecondView”. Now save the .xib file, close it and go back to the Xcode.

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

#import "FirstViewController.h"

@implementation FirstViewController

- (IBAction) segmentAction:(id)sender

{

UISegmentedControl* control = sender ;

if( [control selectedSegmentIndex] == 0 )

{

[ self.view addSubview:Firstview1] ;

}

if( [control selectedSegmentIndex] == 1 )

{

[ self.view addSubview:Secondview2] ;

}

}

- (void)viewDidLoad

{

Firstview1.frame = CGRectMake(0, 42, 320, 420);

Secondview2.frame = CGRectMake(0, 42, 320, 420);

[super viewDidLoad];

// the segment control…

[segmentControl addTarget:self action:@selector(segmentAction:)

forControlEvents:UIControlEventValueChanged];

segmentControl.selectedSegmentIndex = 0 ;

}

- (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation

{

// Return YES for supported orientations

return (interfaceOrientation == UIInterfaceOrientationPortrait);

}

- (void)didReceiveMemoryWarning

{

// Releases the view if it doesn’t have a superview.

[super didReceiveMemoryWarning];

// Release any cached data, images, etc. that aren’t in use.

}

- (void)viewDidUnload

{

[super viewDidUnload];

// Release any retained subviews of the main view.

// e.g. self.myOutlet = nil;

}

- (void)dealloc

{

[super dealloc];

}

@end

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

You can Download SourceCode from here TabBar With Segment Control

Password Screen Application in iPhone

Sushant — Tue, 13 Sep 2011 11:07:12 +0000

This is the Simple PasswordScreen application. In this application we will see how to PassWordScreen display after pressing button. So lets see how it will worked.

Step 1: Open the Xcode, Create a new project using View Base application. Give the application “PasswordScreen”.

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 ViewController class for you. Expand Resources and notice the template generated a separate nib, PasswordScreenViewController.xib for the PasswordScreen application.

Step 4: Open the PasswordScreenViewController.h file and make the following changes:

#import 

@interface PasswordScreenViewController : UIViewController {

IBOutlet UITextField *userName;

IBOutlet UITextField *password;

}

- (IBAction)PasswodAlert:(id)sender;

@end

Step 5: Double click the PasswordScreenViewController.xib file and open it to the interface builder. First drag the two label from the library and place it to the view window, select the label and bring up attribute inspector change the labels name into “Name” and “Details”. Drag two textfield and one round rect button from the library and place it to the view window. Now connect File’s Owner icon to the first TextField and select “userName” , do it once more for second TextField and select “password”. Select the round rect button and bring up Connection Inspector, connect Touch up Inside to the File’s Owner icon and select “PasswordAlert”. Save the .sib file, close it , and go back to the Xcode.

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

#import "PasswordScreenViewController.h"

@implementation PasswordScreenViewController

- (IBAction)PasswordAlert:(id)sender

{

UIAlertView *alert = [[UIAlertView alloc]

initWithTitle:@"Enter Your Password" message:@""

delegate:self cancelButtonTitle:nil

otherButtonTitles:@"Submit",nil];

[alert addTextFieldWithValue:@"" label:@"Enter Password"];

UITextField *textfield = [alert textFieldAtIndex:0];

textfield.secureTextEntry = YES;

[alert show];

}

- (void)dealloc

{

[super dealloc];

}

- (void)didReceiveMemoryWarning

{

// Releases the view if it doesn’t have a superview.

[super didReceiveMemoryWarning];

// Release any cached data, images, etc that aren’t in use.

}

- (void)viewDidUnload

{

[super viewDidUnload];

}

- (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation

{

return (interfaceOrientation == UIInterfaceOrientationPortrait);

}

@end

Step 7: Now compile and run the application on the simulator.

You can Download SourceCode from here PasswordScreen

How to select image from Library in iPhone

Sushant — Tue, 13 Sep 2011 10:51:58 +0000

In this article we will see how to image select from phone gallery and display the same image in the application. So let see how it will worked.

Step 1: Open the Xcode, Create a new project using View Base application. Give the application “SelectImage”.

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 ViewController class for you. Expand Resources and
notice the template generated a separate nib, SelectImage ViewController.xib for the SelectImage application.

Step 4: Open the SelectImageViewController.h file and make the following changes in the file:

#import 

@interface SelectImageViewController : UIViewController

< UIImagePickerControllerDelegate , UINavigationControllerDelegate>

{

IBOutlet UIImageView *imageSelect;

IBOutlet UIButton *libraryButton;

}

@property(nonatomic,retain) UIImageView *imageSelect;

@property(nonatomic,retain) UIButton *libraryButton;

-(IBAction)LibraryPicture;

@end

Step 5: Double click the SelectImageViewController.xib file and open it to the Interface Builder. Firs drag the ImageView from the libraryand place it to the view window. Connect File’s Owner icon to the UIImageView and select imageSelect. Now drag the button from thelibrary and place it to the view window, select button and bring up Connection Inspector connect Touch Up Inside to the File’s Owner iconand select LibraryPicture. Now save the .xib file and go back to the Xcode.

Step 6: Open the SelectImageViewController.m file and change the following changes:

#import "SelectImageViewController.h"

@implementation SelectImageViewController

@synthesize imageSelect;

@synthesize libraryButton;

- (void)dealloc

{

[imageSelect release];

//[takePictureButton release];

[libraryButton release];

[super dealloc];

}

- (void)didReceiveMemoryWarning

{

// Releases the view if it doesn’t have a superview.

[super didReceiveMemoryWarning];

// Release any cached data, images, etc that aren’t in use.

}

-(IBAction)LibraryPicture

{

if([UIImagePickerController isSourceTypeAvailable:

UIImagePickerControllerSourceTypePhotoLibrary])

{

UIImagePickerController *picker= [[UIImagePickerController alloc]init];

picker.delegate = self;

picker.sourceType = UIImagePickerControllerSourceTypePhotoLibrary;

[self presentModalViewController:picker animated:YES];

[picker release];

}

}

-(void)imagePickerController:(UIImagePickerController *)picker

didFinishPickingImage : (UIImage *)image

editingInfo:(NSDictionary *)editingInfo

{

imageSelect.image = image;

[picker dismissModalViewControllerAnimated:YES];

}

-(void)imagePickerControllerDidCancel:(UIImagePickerController *) picker

{

[picker dismissModalViewControllerAnimated:YES];

}

- (void)viewDidUnload

{

[super viewDidUnload];

// Release any retained subviews of the main view.

// e.g. self.myOutlet = nil;

}

- (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation

{

// Return YES for supported orientations

return (interfaceOrientation == UIInterfaceOrientationPortrait);

}

@end

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

You can Download SourceCode from SelectImage

Text Scroll in iPhone

Sushant — Thu, 18 Aug 2011 07:10:33 +0000

In this application we will see how to text file read from the resource and display in the scroll view. So let see how it will worked. My last post you can find out from here TextView .

Step 1: Open the Xcode, Create a new project using View Base application. Give the application “Text_Scroll”.

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: In the Text_ScrollViewController.h class , make the following changes.

#import 
@interface Text_ScrollViewController : UIViewController {
UITextView *textData;

UIScrollView *textScroll;
}
@property(nonatomic, retain) IBOutlet UITextView *textData;

@property(nonatomic, retain) IBOutlet UIScrollView *textScroll;
@end

Step 4 : Double click the Text_ScrollViewController.xib file and open it to the Interface Builder. First drag the Navigation Bar from the library and place it to the View window. Select the Navigation Bar and bring up Attribute Inspector, change the Title name into “Text Scroll”. Next drag the Scroll View from the library and place it to the view window. Connect File’s Owner icon to the view icon and select “textScroll”. Now save the .xib file and go back to the Xcode.

Step 5: Open the Text_ScrollViewController.m file and make the following changes.

#import "Text_ScrollViewController.h"
@implementation Text_ScrollViewController
@synthesize textData,textScroll;
- (void)dealloc

{

    [super dealloc];

}
- (void)didReceiveMemoryWarning

{

    // Releases the view if it doesn’t have a superview.

    [super didReceiveMemoryWarning];

    // Release any cached data, images, etc that aren’t in use.

}
#pragma mark – View lifecycle

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

- (void)viewDidLoad

{

    [super viewDidLoad];

    NSString *filePath = [[NSBundle mainBundle] pathForResource:@"TextData" ofType:@"txt"];  

    if (filePath) {  

        NSString *myText1 = [NSString stringWithContentsOfFile:filePath];  

        if (myText1) {  

            //textView.text= myText;  

            textData= [[UITextView alloc] initWithFrame:CGRectMake(5,0, 316,350)]; //size.height-30 )];

            textData.text = myText1;

            [textData setFont:[UIFont systemFontOfSize:20]];

            [textData setBackgroundColor:[UIColor clearColor]];

            [textData setTextColor:[UIColor whiteColor]];

            textData.editable = NO;

            textData.dataDetectorTypes = UIDataDetectorTypeNone;

            [textScroll addSubview:textData];

        }  

    }  

}

- (void)viewDidUnload

{

    [super viewDidUnload];

    // Release any retained subviews of the main view.

    // e.g. self.myOutlet = nil;

}
- (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation

{

    // Return YES for supported orientations

    return (interfaceOrientation == UIInterfaceOrientationPortrait);

}
@end

step 6: Now compile and run the application on the Simulator.

You can Download SourceCode from here Text_Scroll

TextView Application in iPhone

Sushant — Sat, 13 Aug 2011 11:36:50 +0000

This is the very simple TextView application. In this application we will see how to create TextView application using Interface Builder. So let see how it will worked. My last post you can find out from here ImageChange.

Step 1: Open the Xcode, Create a new project using View Base application. Give the application “TextView_iPhone”.

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: Double click the TextView_iPhoneViewController.xib file and open it to the Interface Builder. First drag the TextView from the library and place it to the view window. Select the View window and bring up Attribute Inspector and change the Text with “This is the TextView Application”. Save the .xib file and go back to the Xcode.

Step 4: Now compile and run the application on the Simulator.

You can Download SourceCode from here TextView_iPhone

ImageChange using button pressed in iPhone

Sushant — Sat, 06 Aug 2011 07:17:21 +0000

In this example we will see how to ImageChange using button pressed. So let see how it will work in our application. My previous post you can find out from here KeyBoard example

Step 1: Open the Xcode, Create a new project using View Base application. Give the application “ImageChange”.

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: Open the ImageChangeViewController.h file and make the following changes in the file:

#import 
@interface ImageChangeViewController : UIViewController {
UIView *View3;

UIImageView *View1;

UIImageView *View2;
}
@property (nonatomic, retain) UIView *View3;

@property (nonatomic, retain) UIImageView *View1;

@property (nonatomic, retain) UIImageView *View2;
- (IBAction)MoveImage:(id)sender;
@end

Step 4: Double click the ImageChangeViewController.xib file and open it to the Interface Builder. First drag the UIButton from library and place it to the view window. Select the Button and bring up Connection Inspector and drag Touch Up Inside to the File’s Owner icon and select MoveImage: action. Now save the .xib file and go back to the Xcode.

Step 5: In the ImageChangeViewController.m file make the following changes:

#import "ImageChangeViewController.h"
#define kHeight         320.0

#define kWidth                  400.0

#define kTransitionDuration     0.75

#define kTopPlacement           80.0
@implementation ImageChangeViewController
@synthesize View3, View1, View2;
- (void)dealloc

{

[View1 release];

[View2 release];

[View3 release];

[super dealloc];

}
- (void)didReceiveMemoryWarning

{

[super didReceiveMemoryWarning];
}
#pragma mark – View lifecycle
- (void)viewDidLoad

{

[super viewDidLoad];
self.title = NSLocalizedString(@"TransitionsTitle", @"");
CGRect frame = CGRectMake(round((self.view.bounds.size.width - kWidth) / 2.0),

kTopPlacement, kWidth, kHeight);

self.View3 = [[[UIView alloc] initWithFrame:frame] autorelease];

[self.view addSubview:self.View3];
frame = CGRectMake(0.0, 0.0, kWidth, kHeight);

self.View1 = [[[UIImageView alloc] initWithFrame:frame] autorelease];

self.View1.image = [UIImage imageNamed:@"1.png"];

[self.View3 addSubview:self.View1];
CGRect imageFrame = CGRectMake(0.0, 0.0, kWidth, kHeight);

self.View2 = [[[UIImageView alloc] initWithFrame:imageFrame] autorelease];

self.View2.image = [UIImage imageNamed:@"2.png"];
}
- (IBAction)MoveImage:(id)sender

{

[UIView beginAnimations:nil context:NULL];

[UIView setAnimationDuration:kTransitionDuration];
[UIView setAnimationTransition:([self.View1 superview] ?

UIViewAnimationTransitionCurlUp : UIViewAnimationTransitionCurlDown)

forView:self.View3 cache:YES];

if ([self.View2 superview])

{

[self.View2 removeFromSuperview];

[self.View3 addSubview:self.View1];

}

else

{

[self.View1 removeFromSuperview];

[self.View3 addSubview:self.View2];

}
[UIView commitAnimations];

}
- (void)viewDidUnload

{

[super viewDidUnload];
self.View3 = nil;

self.View2 = nil;

self.View1 = nil;
}
- (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation

{

return (interfaceOrientation == UIInterfaceOrientationPortrait);

}
@end

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

You can Download SourceCode from here ImageChange

KeyBoard example in iPhone

Sushant — Mon, 25 Jul 2011 07:49:58 +0000

This is the simple KeyBoard example. In this example we will see how to keyBoard implement the application and hide from the application using button pressed. So let see how it will worked. My last post you can find out from here MoveImage

Step 1: Open the Xcode, Create a new project using View Base application. Give the application “KeyBoard_Example”.

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: Open the KeyBoard_ExampleViewController.h file, make the following changes:

#import 
@interface KeyBoard_ExampleViewController : UIViewController {
IBOutlet UITextField *textField;
}
@end

Step 4: Double click the KeyBoard_ExampleViewController.xib file and open it to the Interface Builder. First drag the label and place it to the view window, change the label name into “Name” and drag the TextField from the library and place it to the view window. Select the TextField and bring up Attributes Inspector and the placeholder into”Enter your name” and select the TextFiled once again and bring up Connection Inspector and connect delegate to the File’s Owner icon. Now, save the .xib file and go back to the Xcode.

Step 5: In the KeyBoard_ExampleViewController.m file make the following changes:

#import "KeyBoard_ExampleViewController.h"
@implementation KeyBoard_ExampleViewController
- (BOOL)textFieldShouldReturn:(UITextField *)textField{

[textField resignFirstResponder];

return YES;

}
- (void)dealloc

{

[super dealloc];

}

- (void)didReceiveMemoryWarning

{

[super didReceiveMemoryWarning];
}

#pragma mark – View lifecycle

- (void)viewDidUnload

{

[super viewDidUnload];

}
- (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation

{
return (interfaceOrientation == UIInterfaceOrientationPortrait);

}
@end

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

You can Download SourceCode from here KeyBoard_Example

Move Image using Touch Function in iPhone

Sushant — Fri, 22 Jul 2011 10:20:34 +0000

This is the very simple application. In this application we will see how to image move using touch. So let see how it will work. My previous post you can find out from here ImageView Display

Step 1 : Open the Xcode, Create a new project using View Base application. Give the application “Touch_Image”.

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 add also two resource in the project.

Step 4: In the Touch_ImageViewController.h file, make the following changes.

#import 
@interface Touch_ImageViewController : UIViewController {

UIImageView *image;

}

@property (nonatomic,retain) IBOutlet UIImageView *image;

@end

Step 5: Double click the Touch_ImageViewController.xib file and open it to the interface builder. First select the view and bring up Attribute Inspector and change the background color. Drag the label from the library and place it to the view window. Select the label and bring up Attributes Inspector and the text to “Touch Anywhere” . Now drag the ImageView from the library and place it to the view window. Select the Image View from the view and bring up Attribute Inspector and select the litchi-big.png image. Connect File’s Owner icon to the image view and select image. Now save the .xib file, save it and go back to the Xcode.

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

#import "Touch_ImageViewController.h"
@implementation Touch_ImageViewController
- (void)dealloc

{

[super dealloc];

}
-(void)touchesBegan:(NSSet*)touches withEvent:(UIEvent*)event

{
UITouch *touch = [[event allTouches] anyObject];

CGPoint touchLocation = [touch locationInView:touch.view];

image.center = touchLocation;

}
- (void)didReceiveMemoryWarning

{
[super didReceiveMemoryWarning];
}
#pragma mark – View lifecycle
- (void)viewDidUnload

{

[super viewDidUnload];

}
- (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation

{

return (interfaceOrientation == UIInterfaceOrientationPortrait);

}
@end

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

You can Download SourceCode from here Touch_Image

ImageView display after pressing Button in iPhone

Sushant — Fri, 08 Jul 2011 07:42:46 +0000

In this application we will see how to image display after pressing button. So let see how it will worked. Another Button Pressed example you can find out from here Change BackgroundColor

Step 1: Open the Xcode, Create a new project using View Base application. Give the application “Button_Fun”.

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 two UIViewController class in the project. So select the project -> New File -> Cocoa Touch ->ViewController class and give the class name ”ImageView” and “SecondImageView”.

Step 4: We need add also two resource in the project.

Step 5: Open the Button_FunViewController.h file and make the following changes in the file:

#import 
@interface Button_FunViewController : UIViewController {
IBOutlet UIButton*button;

}

-(IBAction)ButtonPressed:(id)sender;

-(IBAction)SecondButtonPressed:(id)sender;
@end

Step 6: Double click the Button_FunViewController.xib file and open it to the Interface Builder. First drag the two Round Rect button from the library and place it to the view window and give the name of the buttons “FirstButton” and “SecondButton”. Select the FirstButton from the view window and bring up Connection Inspector and connect Touch Up Inside to the Files owner icon and select ButtonPressed: method. Select the another button “SecondButton” and bring up Connection Inspector and connect Touch Up Inside to the Files owner icon and select SecondButtonPressed: method.Now save the .xib file, close it and go back to the Xcode.

Step 7: Double click the ImageView.xib file and open it to the Interface Builder. Drag the image view from the library and place it to the view window. Select the ImageView from the view and bring up Attribute Inspector and select the “cutest-baby-5.jpg”. Now save the .xib file , close it and go back to the Xcode.

Step 8: Double click the SeconImageView.xib file and open it to the Interface Builder. Drag the image view from the library and place it to the view window. Select the ImageView from the view and bring up Attribute Inspector and select the “cutest-baby-6.jpg”. Now save the .xib file , close it and go back to the Xcode.

Step 9: In the Button_FunViewController.m file make the following changes:

#import "Button_FunViewController.h"
#import "ImageView.h"
#import "SecondImageview.h"
@implementation Button_FunViewController
-(IBAction)ButtonPressed:(id)sender

{

ImageView *imageView =[[ImageView alloc]

initWithNibName:@"ImageView"

bundle:nil];

[self.view addSubview:imageView.view];

}

-(IBAction)SecondButtonPressed:(id)sender

{

SecondImageview *secondImageView = [[SecondImageview alloc]

initWithNibName:@"SecondImageview"

bundle:nil];
[self.view addSubview:secondImageView.view];

}
- (void)dealloc

{

[super dealloc];

}
- (void)didReceiveMemoryWarning

{
[super didReceiveMemoryWarning];
}
#pragma mark – View lifecycle
- (void)viewDidUnload

{

[super viewDidUnload];

}
- (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation

{

return (interfaceOrientation == UIInterfaceOrientationPortrait);

}
@end

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

You can Download SourceCode from here Button_Fun