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

Calculate StringLength in MacOS

Sushant — Fri, 04 Feb 2011 10:43:14 +0000

This is the very simple example, in this program we will see how to calculate string length in MacOS.

Step 1: Create a Cocoa Application from Mac OS X . Give the application name “StringsLength”.

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 the Other Sources folder, then you can see one file “main.m”. We need to make changes in this file.

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

#import 
 int main(int argc, char *argv[])

 {

        char s1[250];

        char s2[250];

        printf("Enter string s1:\n");

        scanf("%s",&s1);

        printf("Enter string s2:\n");

        scanf("%s",&s2);

        if(strlen(s1) == strlen(s2))

        printf("Length of string s1 is equal to length of string s2\n");

        else if(strlen(s1) < strlen(s2))

        printf("Length of string s1 is less than length of string s2\n");

        else

        printf("Length of string s1 is greater than length of string s2\n");

        return NSApplicationMain(argc,  (const char **) argv);

}

Step 5: Now compile and run the example and see the output on the console.

You can Download SourceCode from here StringsLength

How to use UIWebView using Utility Application in iPhone

Sushant — Mon, 29 Mar 2010 11:22:07 +0000

In this application we will see how to use UIWebView using Utility Application. When user click the Dark info Button in the Web page, it will display the next screen where text will be display. This is very simple example. Let see how it will be worked.

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

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 here three UIViewController class to the project.Choose New file -> Select cocoa touch classes group and then select UIViewController subclass. Give the name “RootViewViewController”,”MainViewController” and “FlipsideViewontroller”. Now add two UIView class to the project.Choose New file -> Select cocoa touch classes group and then select UIView subclass and corresponding .xib file.Give the name “MainView” and “FlipsideView”.

Step 4: In the AppDelegate.h file, we have added “RootViewController” class

Step 5: Make the following changes in the AppDelegate.m file :

- (void)applicationDidFinishLaunching:(UIApplication *)application {

  [window addSubview:[rootViewController view]];

  [window makeKeyAndVisible];

}

Step 6: In the RootViewController.h file, add MainViewController and FlipsideViewControlller class, UIButton and UINavigationBar. Define one IBAction method. So make the following changes in the file:

@class MainViewController;
@class FlipsideViewController;
  @interface RootViewController : UIViewController {
  MainViewController *mainViewController;

  FlipsideViewController *flipSideViewController;

  IBOutlet UIButton *displayButton;

  UINavigationBar *navigationBar;

}
  @property (nonatomic, retain) MainViewController *mainViewController;

  @property (nonatomic, retain) FlipsideViewController *flipSideViewController;

  @property (nonatomic, retain) UIButton *displayButton;

  @property (nonatomic, retain) UINavigationBar *navigationBar;
- (IBAction)toggleView;

Step 7: Double click your MainWindow.xib file and open it to the Interface Builder. Drag ViewController from the library and place it to the view window. Select ViewController and bring up Identity Inspector, change the class name into RootViewController. After that, drag the view from the library and place it to the view controller and drag button from library and place it to the view window. Select the Button and bring up Attribute inspector, change the type into Dark info. Select the RootViewController icon and bring up Connection Inspector drag from the displayButton to Dark info button and drag toggleView to the Dark info button and select TouchUpInside. Now save it, close it, and go back to the Xcode.

Step 8: In the RootViewController.m file, make the following changes in the file:

-(void)viewDidLoad {

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

  self.mainViewController = viewController;
[viewController release];
[self.view insertSubview:mainViewController.view   belowSubview:displayButton];
  [super viewDidLoad];

}
  - (void)loadFlipsideViewController {
  FlipsideViewController *viewController = [[FlipsideViewController alloc]   initWithNibName:@"FlipsideView" bundle:nil];

  self.flipSideViewController = viewController;

  [viewController release];
  UINavigationBar *aNavigationBar = [[UINavigationBar alloc]   initWithFrame:CGRectMake(0.0, 0.0, 320.0, 44.0)];

  aNavigationBar.barStyle = UIBarStyleBlackOpaque;

  self.navigationBar = aNavigationBar;

  [aNavigationBar release];
  UIBarButtonItem *buttonItem = [[UIBarButtonItem alloc]    initWithBarButtonSystemItem:UIBarButtonSystemItemDone target:self   action:@selector(toggleView)];

  UINavigationItem *navigationItem = [[UINavigationItem alloc]   initWithTitle:@"Information"];

navigationItem.rightBarButtonItem = buttonItem;

  [navigationBar pushNavigationItem:navigationItem animated:NO];

  [navigationItem release];

  [buttonItem release];

}
  - (IBAction)toggleView {
  if (flipSideViewController == nil) {

  [self loadFlipsideViewController];

}
  UIView *mainView = mainViewController.view;

  UIView *flipsideView = flipSideViewController.view;
  [UIView beginAnimations:nil context:NULL];

  [UIView setAnimationDuration:1];

  [UIView setAnimationTransition:([mainView superview] ?     UIViewAnimationTransitionFlipFromRight :     UIViewAnimationTransitionFlipFromLeft) forView:self.view cache:YES];
  if ([mainView superview] != nil) {

  [flipSideViewController viewWillAppear:YES];

  [mainViewController viewWillDisappear:YES];

  [mainView removeFromSuperview];

  [displayButton removeFromSuperview];

  [self.view addSubview:flipsideView];

  [self.view insertSubview:navigationBar aboveSubview:flipsideView];

  [mainViewController viewDidDisappear:YES];

  [flipSideViewController viewDidAppear:YES];
} else {

  [mainViewController viewWillAppear:YES];

  [flipSideViewController viewWillDisappear:YES];

  [flipsideView removeFromSuperview];

  [navigationBar removeFromSuperview];

  [self.view addSubview:mainView];

  [self.view insertSubview:displayButton  aboveSubview:mainViewController.view];

  [flipSideViewController viewDidDisappear:YES];

  [mainViewController viewDidAppear:YES];

}

  [UIView commitAnimations];

}

Step 9: Open the MainViewController.h file and add UIWebView for display the webview. So make the following changes in the file:

@interface MainViewController : UIViewController {
  IBOutlet UIWebView *displayWeb;

}

Step 10: Double click the MainView.xib file and open it to the Interface Builder. Select View icon from the Main Window and bring up Identity Inspector, change the class name into MainView, and now select File’s Owner icon and bring up Identity Inspector change the class name into the MainViewController class. Drag WebView from the library and place it to the view window. Connect File’s Owner icon to the Main View icon and select view. Next connect File’s Owner icon to the WebView and select displayWeb. Now save it. close it and go back to the Xcode.

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

- (void)viewDidLoad {

  displayWeb.userInteractionEnabled = true;

  [displayWeb loadRequest:[[NSURLRequest alloc] initWithURL:[[NSURL alloc]   initWithString:@"http://www.google.com"]]];

  [super viewDidLoad];

}

Step 12: Open the FlipsideView.xib file in the Interface Builder. Select the view icon from the main window and bring up Identity Inspector, change the class name into FlipsideView. Next select the File’s Owner icon from the library and bring up Identity Inspector, change the class name into the FlipsideViewController. Drag Label from the library and place it to the view window. Select the label and bring up Attribute Inspector and change the text whatever you want to display. Now save it , close it , and go back to the Xcode.

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

You can downloaded SourceCode from here WebWithUtilityApplication 2

How to use UIImageView to View in iPhone

Sushant — Tue, 23 Mar 2010 13:39:27 +0000

In this application we will see , how to use UIImagesView to view without using Interface Builder. Basically images are working with an infinite loop . Just have a look.

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

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 the resources file called as “1.gif”, “2.gif” , “3.gif”, ”4.gif”, “5.gif”, “6.gif” into the resource folder. Select resources and add files existing sources.

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

- (void)viewDidLoad {

 UIImageView*animationView = [[UIImageView alloc] initWithFrame:self.view.frame];

  animationView.animationImages = [NSArray arrayWithObjects:    

                                       [UIImage imageNamed:@"1.gif"],

                                       [UIImage imageNamed:@"2.gif"],

                                       [UIImage imageNamed:@"3.gif"],

                                       [UIImage imageNamed:@"4.gif"],

                                       [UIImage imageNamed:@"5.gif"], 

                                       [UIImage imageNamed:@"6.gif"], nil];

        animationView.animationDuration = 1.25;

        animationView.animationRepeatCount = 0;

        [animationView startAnimating];

        [self.view addSubview:animationView];

        [animationView release]; 

  }

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

You can downloaded SourceCode from here Animation 2

Display Datepicker SingleComponentpicker and Doublecomponentpicker with each of the tabbar in iPhone

Sushant — Wed, 17 Mar 2010 14:50:55 +0000

We will see how to display Datepicker, SingleComponent picker and Doublecomponent picker using the Tab Bar controller.

Step 1: Create aTab bar Application using template . Name the project ”TabBarWithPicker”.

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

Step 4: Now we’ll add UIViewController class to the project. Choose New file -> Select cocoa touch classes group and then select UIViewController . Give the name of the class SingleComponentPickerViewController. Create one more UIViewController class file and corresponding .xib file ,give the name DoubleComponentPickerViewController.

Step 5: In the FirstViewController.h file we added UIDatePicker class that implements an object for multiple rotating wheels to allow users to select date and a method an IBAction. make the following changes:

@interface FirstViewController : UIViewController 

{

  IBOutlet UIDatePicker *datePicker;

}

  @property (nonatomic , retain) UIDatePicker *datePicker;

  -(IBAction)buttonPressed;

Step 6: Now double click your MainWindow.xib file and open it to the Interface Builder. Open the TabBar Controller and drag the Tab Bar Item from the library and place it below of the Tab Bar(See the figure below). Now dragDate Picker from the library and place it to the view window, and also drag Round Rect from the library and place it to the below of the Date Picker. Select DatePicker from the tab bar and bring up Connection Inspector and now drag from the datePicker to the picker. Select Round Rect button and bring up Connection Inspector then drag from TouchUpInside to the File’s Owner icon, select buttonPressed: action. Now save the MainWindow.xib file and go back to the Xcode.

Step 7: In the FirstViewController.m make the following changes:

-(IBAction)buttonPressed{
NSDate*selected =[datePicker date];
NSString*message =[[NSString alloc] initWithFormat:@"The date and time is %@",selected];

  UIAlertView *alert =[[UIAlertView alloc]

  initWithTitle:@"Date and Time selected" message:message delegate:nil   cancelButtonTitle:@"YES" otherButtonTitles:nil];
  [alert show];

  [alert release];

  [message release];
}
  - (void)viewDidLoad {

  [super viewDidLoad];

  NSDate *now = [[NSDate alloc] init];

  [datePicker setDate:now animated:YES];

  [now release];
}

Step 8: Single click the SingleComponentPickerViewController.h file in the classes folder and open it to the Xcode.This controller class will act as a both DataSource and Delegate for its Picker. So we need to implement datasource and delegate protocol. Also need to declare an IBOutlet and an Action .Add the following code in the file:

@interface SingleComponentPickerViewController : UIViewController

  
{

   IBOutlet UIPickerView *singlePicker;
NSArray*pickerData;
}
@property(nonatomic , retain) UIPickerView *singlePicker;
@property(nonatomic , retain)NSArray*pickerData;
  -(IBAction)buttonPressed1;

Step 9: Open the SecondView.xib file in the Interface Builder. Double click your view icon open the view window, first drag the Picker view from the library and place it to the view window (See the figure below). Select the picker and bring up connection inspector, you will see the first two items are Datasource and Delegate. Drag from the circle next to DataSource to File’s Owner.Then drag again from the circle next to Delegate to the File’s Owner. Next drag Round Rect button from the library and place it to the view window and give the title Select. Now select the Select button and bring up connection inspector and drag from the Touch Up Inside to the File’s Owner and select buttonPressed1: action. Save the nib file,close it and go back to the Xcode.

Step 10: Now open the MainWindow.xib file in the Interface Builder. Load the secondView.xib file in the MainWindow.xib . Select the SingleCompoPicker from the tab bar and bring up Attribute inspector change the NIB name into SecondView and bring up Identity Inspector change the class name into SingleComponentPickerViewController. Save the nib file , close it and go back to the Xcode.

Step 11: Open the SingleComponentPickerViewController.m file and make the following changes:

-(IBAction)buttonPressed1
{

    NSInteger row =[singlePicker 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 :@"Welcome"

    otherButtonTitles :nil];
[alert show];
[alert release];
[title release];
}
  - (void)viewDidLoad {

    NSArray *array = [[NSArray alloc]     initWithObjects:@"iPhone",@"iPad",@"iPod",@"iMac",@"Mac",

   @"iBook",@"Safari",nil];

    self.pickerData = array;

    [array release];

    [super viewDidLoad];

}

Step 12: Open the DoubleComponentPickerViewController.h, we’ll define here a picker with two components or wheels,each wheel will be independent of the other wheel. Define two constants that will represent the two components. Components are assigned numbers and declare DataSource and Delegate for its Picker. Also need to declare an IBOutlet and an Action .Now make the following changes in the file:

#define kFillingComponent  0
#define kBreadComponent  1
  @interface DoubleComponentPickerViewController : UIViewController

  {

   IBOutlet UIPickerView *doublePicker;

   NSArray *fillingTypes;

   NSArray *breadTypes;

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

  @property (nonatomic,retain)  NSArray *fillingTypes;

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

Step 13: Open the DoubleComponentPickerViewController.xib file in the Interface Builder. Double click your view icon open the view window, first drag the Picker view from the library and place it to the view window. Select the picker and bring up connection inspector, you will see the first two items are Datasource and Delegate. Drag from the circle next to DataSource to File’s Owner.Then drag again from the circle next to Delegate to the File’s Owner. Next drag Round Rect button from the library and place it to the view window and give the title Select. Now select the Select button and bring up connection inspector and drag from the Touch Up Inside to the File’s Owner and select buttonPressed2: action. Save the nib file,close it and go back to the Xcode.

Step 14: Now open the MainWindow.xib file in the Interface Builder. Load the DoubleComponentPickerViewController file in the MainWindow.xib . Select the DoubleCompoPicker from the tab bar and bring up Attribute inspector change the NIB name into DoubleComponentPickerViewController and bring up Identity Inspector change the class name into DoubleComponentPickerViewController. Save the nib file , close it and go back to the Xcode.

Step 15: Now make the following changes in the DoubleComponentPickerViewController.m file:

-(IBAction)buttonPressed2
{

   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];

}
 - (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:

  @"Chicken",@" Butter",@"Mutton",@"Salad",@"Beef",

  @"Vegetable",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 16: Now compile and run the application.

You can downloaded SourceCode from here TabBarWithPicker 2

Adding a TabBarController as a subview in iPhone?

Sushant — Thu, 11 Mar 2010 12:50:21 +0000

In this application we will see how to add a TabBarController as a subview , and when we press Home button in the tab bar it will display the MainView.

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

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: Before we begin to write code, we need to create a couple of ViewControllers. Press ⌘ – N, select UIViewController subclass and only check the With XIB for user interface. Name it RootViewController, add another viewcontroller, name it TabBarViewController with XIB file.

Step 4: In the AppDelegate.h file, we have added UINavigationController. So make the following changes in the file.

@interface TabBarAppDelegate : NSObject  {

  UIWindow *window;

  UINavigationController *navigationController;

}

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

  @property (nonatomic, retain) IBOutlet UINavigationController *navigationController;

Step 5: Double click your MainWindow.xib file and open it to the Interface Builder. Drag the NavigationController from the library and place it to the main window. Now select view controller and bring up Identity Inspector change the class name into the RootViewController. Select RootViewController and bring up Attribute Inspector change the NIB file into the RootViewController.xib . Now save the xib file and go back to the Xcode.

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

- (void)applicationDidFinishLaunching:(UIApplication *)application {

   [window addSubview:[navigationController view]];

   [window makeKeyAndVisible];

}

Step 7: In the RootViewController.h file we have added TabBarViewController, and UIWebView for display the web view. Mention one method for switch to the another view. Make the following changes :

@interface RootViewController : UIViewController {

  TabBarViewController *tabBarViewController;

  IBOutlet UIWebView *webDisplay;
}
@property(nonatomic, retain) IBOutlet UIWebView *webDisplay;
@property(nonatomic, retain) TabBarViewController *tabBarViewController;
  -(IBAction)switchPage:(id)sender;

Step 8: Now double click your RootViewController.xib file and open it to the Interface Builder. Drag web view from the library and place it to the view window. Now drag Round Rect from the library and place it to the view window. Select File’s Owner icon and bring up connection inspector select webDisplay to the WebView. Now select Round Rect button and bring up connection inspector drag TouchUpInside to the File’s Owner icon and select switchPage: action. Save it and go back to the Xcode.

Step 9: Make the changes in the RootViewController.m file.

-(IBAction)switchPage:(id)sender
{
if(self.tabBarViewController ==nil)
{

  TabBarViewController *tabBar =[[TabBarViewController alloc]

  initWithNibName:@"TabBarViewController" bundle:[NSBundle mainBundle]];

  self.tabBarViewController = tabBar;
[tabBar release];

  presentModalViewController:tabBarViewController animated:YES];
}
[self.navigationController pushViewController:self.tabBarViewController animated:YES];
}
- (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 TabBarViewController.h file we have added UITabBarController. make the following changes:

@interface TabBarViewController : UIViewController {

  IBOutlet UITabBarController *tabBarController;
}
 @property (nonatomic, retain) IBOutlet UITabBarController *tabBarController;

Step 11: Double click your TabBarViewController.xib file and open it to the Interface Builder. Drag TabBarController from the library and place it to the main window. Open the TabBarController and select the Item1 and bring up Attribute Inspector change the NIB name into the RootViewController.xib file . So when you Tab the Item1 it will show the 1st page that is web page. Now save the TabBarViewController.xib file and go back to the Xcode.

Step 12: Save your code , compile and the run application on the simulator.

Implement Scrolling in iPhone

Sushant — Fri, 05 Mar 2010 13:59:35 +0000

In this application we will see how to implement two different style UIScrollViews. The first scroller contains multiple images, showing how to layout large content with multiple chunks of data.

Step 1: Create a Window base application using template. Give the application name Scroll 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: Now we’ll add view controller class to the project. Choose New file -> Select cocoa touch classes group and then select UIViewController subclass. Give the name Scroll ImageViewController.

Step 4: In the AppDelegate.h file, we add the Scroll_ImageViewController, make the following changes in the header file.

@interface Scroll_ImageAppDelegate :NSObject{
IBOutlet UIWindow *window;

IBOutlet Scroll_ImageViewController *scrollViewController;

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

@property (nonatomic, retain) IBOutlet Scroll_ImageViewController *scrollViewController;

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

-(void)dealloc {
[window release];
[scrollViewController release];
[super dealloc];
}
- (void)applicationDidFinishLaunching:(UIApplication *)application {
[window addSubview:scrollViewController.view];

[window makeKeyAndVisible];

}

Step 6: We are added UIScrollView in the Scroll ImageViewController.h file. Make the following changes.

@interface Scroll_ImageViewController : UIViewController {
IBOutlet UIScrollView *scrollView1;

IBOutlet UIScrollView *scrollView2;
}

@property (nonatomic, retain) UIView *scrollView1;

@property (nonatomic, retain) UIView *scrollView2;

Step 7: Now double click the MainWindow.xib file and open it to the Interface Builder. Drag ViewController from the library and place it to the main window. Select the viewcontroller icon and bring up Identity Inspector change the class name into the Scroll ImageViewController. Open the view window , drag view from the library and place it to the view window. Drag scroll image from the library and place it on the view window (See the figure below). Connect Scroll_ImageAppDelegate to the Scroll_ImageViewController . We are added two UIScrollView in the View window. Select one UIScrollView and bring up connection Inspector connect scrollView1 to the Scroll_ImageViewController. Do it once more time for scrollView2. Now save the .xib file and go back to the Xcode.

Step 8: Make the following changes in the Scroll ImageViewController.m file.

-(void)layoutScrollImages
{

UIImageView *view =nil;
NSArray*subviews =[scrollView1 subviews];

CGFloat curXLoc =0;
for(view in subviews)
{
if([view isKindOfClass:[UIImageView class]]&amp;&amp; view.tag &gt; 0)
{

CGRect frame = view.frame;

frame.origin = CGPointMake(curXLoc, 0);

view.frame = frame;
curXLoc += (kScrollObjWidth);

}

}
[scrollView1 setContentSize:CGSizeMake((kNumImages * kScrollObjWidth), [scrollView1 bounds].size.height)];

}
- (void)viewDidLoad

{

self.view.backgroundColor = [UIColor viewFlipsideBackgroundColor];
[scrollView1 setBackgroundColor:[UIColor blackColor]];

[scrollView1 setCanCancelContentTouches:NO];

scrollView1.indicatorStyle = UIScrollViewIndicatorStyleWhite;

scrollView1.clipsToBounds = YES;

scrollView1.scrollEnabled = YES;
scrollView1.pagingEnabled = YES;
NSUInteger i;

for (i = 1; i &lt;= kNumImages; i++)

{

NSString *imageName = [NSString stringWithFormat:@"image%d.jpg", i];

UIImage *image = [UIImage imageNamed:imageName];

UIImageView *imageView = [[UIImageView alloc] initWithImage:image];
CGRect rect = imageView.frame;

rect.size.height = kScrollObjHeight;

rect.size.width = kScrollObjWidth;

imageView.frame = rect;

imageView.tag = i;

[scrollView1 addSubview:imageView];

[imageView release];

}
[self layoutScrollImages];
[scrollView2 setBackgroundColor:[UIColor blackColor]];

[scrollView2 setCanCancelContentTouches:NO];

scrollView2.clipsToBounds = YES;

scrollView2.indicatorStyle = UIScrollViewIndicatorStyleWhite;

UIImageView *imageView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"image0.jpg"]];

[scrollView2 addSubview:imageView];

[scrollView2 setContentSize:CGSizeMake(imageView.frame.size.width, imageView.frame.size.height)];

[scrollView2 setScrollEnabled:YES];

[imageView release];

}

Step 9: Compile and run the application in the simulator.

You can downloaded SourceCode from here Scroll Image 2

Implement a Custom Accessory View For UITableView in iPhone

Sushant — Thu, 04 Mar 2010 06:38:47 +0000

In this application we’ll see how to implement a custom accessory view for your UITableView in the form of a checkmark button.

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

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 the resource file called as “checked.png” and “unchecked.png” into the resource folder. Select resources and add files existing sources and select the checked.png and unchecked.png.

Step 4: Now we’ll add Table view controller class to the project. Choose New file -> Select cocoa touch classes group and then select UITableViewController subclass. Give the name TableView.

Step 5: In the AppDelegate.h file, we define UINavigationController. Make the following changes in the AppDelegate.h file .

@interface CheckMarkAppDelegate :NSObject{
UIWindow *window;
UINavigationController *myNavController;
}
@property (nonatomic, retain) IBOutlet UIWindow *window;
@property (nonatomic, retain) IBOutlet UINavigationController *myNavController;

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

- (void)applicationDidFinishLaunching:(UIApplication *)application {

[window addSubview: myNavController.view];

[window makeKeyAndVisible];

}

Step 7: We added dataArray in the TableView.h file, so make the following changes:

@interface TableView : UITableViewController {
@private

NSMutableArray *dataArray;
}

Step 8: Double click the MainWindow.xib file and open it to the Interface Builder. Drag Navigation Controller from the library and place it in the MainWindow. Double click Navigation Controller icon and open the Navigation Controller window. Change the title into “Add CheckMark”. Select View Controller and bring up identity inspector change the class name into TableView. Now drag table view from the library and place it to the Navigation Controller window. Select it and bring up connection inspector, you will see two connection are available dataSource and delegate. Drag dataSource to the table view . Do it once more time for the delegate. Save it and go back to the Xcode.

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

-(void)viewDidLoad
{
NSString*path =[[NSBundle mainBundle] pathForResource:@"CheckMark" ofType:@"plist"];

self.dataArray =[NSMutableArray arrayWithContentsOfFile:path];
}
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section

{

return [dataArray count];

}

- (void)tableView:(UITableView *)tableView  didSelectRowAtIndexPath:(NSIndexPath *)indexPath

{

[self tableView: self.tableView  accessoryButtonTappedForRowWithIndexPath: indexPath];

[self.tableView deselectRowAtIndexPath:indexPath animated:YES];

}

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

{

static NSString *kCustomCellID = @"MyCellID";

UITableViewCell *cell = [tableView    dequeueReusableCellWithIdentifier:kCustomCellID];

if (cell == nil)

{

cell = [[[UITableViewCell alloc]  initWithStyle:UITableViewCellStyleDefault reuseIdentifier:kCustomCellID] autorelease];

cell.accessoryType = UITableViewCellAccessoryDisclosureIndicator;

cell.selectionStyle = UITableViewCellSelectionStyleBlue;

}
NSMutableDictionary *item = [dataArray bjectAtIndex:indexPath.row];

cell.textLabel.text = [item objectForKey:@"text"];
[item setObject:cell forKey:@"cell"];
BOOL checked = [[item objectForKey:@"checked"] boolValue];

UIImage *image = (checked) ? [UIImage   imageNamed:@"checked.png"] : [UIImage imageNamed:@"unchecked.png"];
UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom];

CGRect frame = CGRectMake(0.0, 0.0, image.size.width, image.size.height);

button.frame = frame;

[button setBackgroundImage:image forState:UIControlStateNormal];
[button addTarget:self action:@selector(checkButtonTapped:event:)  forControlEvents:UIControlEventTouchUpInside];

button.backgroundColor = [UIColor clearColor];

cell.accessoryView = button;
return cell;

}
- (void)checkButtonTapped:(id)sender event:(id)event

{

NSSet *touches = [event allTouches];

UITouch *touch = [touches anyObject];

CGPoint currentTouchPosition = [touch locationInView:self.tableView];

NSIndexPath *indexPath = [self.tableView indexPathForRowAtPoint: currentTouchPosition];

if (indexPath != nil)

{

[self tableView: self.tableView accessoryButtonTappedForRowWithIndexPath: indexPath];

}

}
- (void)tableView:(UITableView *)tableView accessoryButtonTappedForRowWithIndexPath:(NSIndexPath *)indexPath

{

NSMutableDictionary *item = [dataArray objectAtIndex:indexPath.row];
BOOL checked = [[item objectForKey:@"checked"] boolValue];
[item setObject:[NSNumber numberWithBool:!checked] forKey:@"checked"];
UITableViewCell *cell = [item objectForKey:@"cell"];

UIButton *button = (UIButton *)cell.accessoryView;
UIImage *newImage = (checked) ? [UIImage imageNamed:@"unchecked.png"] : [UIImage imageNamed:@"checked.png"];

[button setBackgroundImage:newImage forState:UIControlStateNormal];

}

Step 10: Compile and run the application in the Simulator.

You can downloaded SourceCode from here CheckMark 2

Display Message in Iphone

Sushant — Fri, 05 Feb 2010 11:43:14 +0000

Display message, its very easy to create. You just type your firstname and lastname and click the button then message willl be display on your screen.

Step 1: Create a new project in Xcode using View base application.

Step 2: Add some code in the header file:

#import 
@interface HelloWorld1ViewController : UIViewController {

        IBOutlet UITextField *FirstName;

        IBOutlet UITextField *LastName;

        IBOutlet UILabel *lblMessage;

}

- (IBAction) Click:(id)sender;

Step 3: Double click your .xib file and open it to Interface Builder. Click your View icon open the view window. Drag TextField from the library and place it to view window. Then bring up attribute inspector, type “Enter your First Name” in the placeholder. Do it once more time and type “Enter Your Last Name”. Place Round Rect in the View window and give the name “Click”. Next drag Label from the library and place it to view window. Now connect File’s Owner to the first TextField and select FirstName. Do it once more time and select LastName. Connect File’s Owner to the label and select ibiMessage. Select Round Rect and bring up connection inspector, drag TouchUpInside to File’s Owner and select Click: action. Now save your nib file and go back to the Xcode.

Step 4: In the view base class, we mention a method Click:. When we press the click button it shows the message.

-(IBAction) Click:(id)sender {

NSString*firstName = FirstName.text;
NSString*lastName = LastName.text;
NSString*Message =nil;

if([firstName length]== 0 &&[lastName length]== 0)

Message =[[NSString alloc] initWithFormat:@"Anonymous says Have A Nice Day!!!"];
elseif([firstName length] > 0 &&[lastName length]==0)

Message =[[NSString alloc] initWithFormat:@"%@ says Have A Nice Day!!!", firstName];
elseif([firstName length]== 0 &&[lastName length]== 0)

Message =[[NSString alloc] initWithFormat:@"%@ says Have A Nice Day!!!", lastName];
else

 Message =[[NSString alloc] initWithFormat:@"%@ %@ says Have A Nice  Day!!!", firstName, lastName];


lblMessage.text = Message;
[Message release];

}
- (BOOL)textFieldShouldReturn:(UITextField *)theTextField {

  [theTextField resignFirstResponder];

  return YES;

}

Step 5: Now compile your application and run on the Simulator.(see figure 1)

Figure 1: Message Display.

You can downloaded SourceCode from here HelloWorld1 2