This document provides an overview of creating navigation-based iOS applications using UITableViewController, NSMutableArray, and plist files to store and display data. It discusses initializing a navigation controller and table view controller, implementing table view data source and delegate methods, and linking the table view to a detail view controller. It also covers using dictionaries and plist files to store more complex data, and customizing table view cells. Later sections discuss additional user interface techniques like grouped tables, image cells, and accessory indicators. The document concludes with adding iAds banners using ADBannerView.

1. iOS Programming:
navigation-based applications

2. stop 1: Navigation-Based App
and NSMutableArray

3. 1.1. Create a New project

4. 1.1.UITableViewController
Window NavigationController UITableViewController

5. 1.1.UITableViewController
UITableViewDataSource UITableViewDelegate
UITableViewController

6. UITableViewDataSource
– tableView:cellForRowAtIndexPath:
- tableView:numberOfRowsInSection:
- tableView:titleForHeaderInSection:
- numberOfSectionsInTableView:
UITableViewDelegate
– tableView: didSelectRowAtIndexPath:
- tableView: heightForHeaderInSection
- tableView: viewForHeaderInSection

7. RootViewController.h
NSMutableArray
// RootViewController.h
#import <UIKit/UIKit.h>
@interface RootViewController : UITableViewController {
NSMutableArray* data;
}
@property (nonatomic, retain) NSMutableArray* data;
@end

8. RootViewController.m
NSMutableArray
// RootViewController.m
- (void)viewDidLoad {
[super viewDidLoad];
NSMutableArray* tmpArray =
[[NSMutableArray alloc]
initWithObjects:@”one”, @”two”, @”three”,nil];
self.data = tmpArray;
[tmpArray release];
}

9. RootViewController.m
TableViewDataSource
// RootViewController.m
// Customize the number of sections in the table view.
- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView {
return 1;
}
- (NSInteger)tableView:(UITableView *)tableView
numberOfRowsInSection:(NSInteger)section {
return [self.data count];
}

10. RootViewController.m
TableViewDataSource
// RootViewController.m
// Customize the appearance of table view cells.
- (UITableViewCell *)tableView:(UITableView *)tableView
cellForRowAtIndexPath:(NSIndexPath *)indexPath {
static NSString *CellIdentifier = @"Cell";
UITableViewCell *cell = [tableView
dequeueReusableCellWithIdentifier:CellIdentifier];
if (cell == nil) {
cell = [[[UITableViewCell alloc]
initWithStyle:UITableViewCellStyleDefault
reuseIdentifier:CellIdentifier] autorelease];
}
// Configure the cell.
cell.textLabel.text = [self.data objectAtIndex:indexPath.row];
return cell;
}

11. RootViewController.m
TableViewDataSource
// RootViewController.m
#import "RootViewController.h"
@implementation RootViewController
@synthesize data;
- (void)dealloc {
[data release];
[super viewDidLoad];
}

12. Test Drive
version 1.0

13. Test Drive
what if we have a lot information...

14. stop 2: Adding Views for Details
and plist

15. plist file

16. (1) plist - initialize
// RootViewController.m
- (void)viewDidLoad {
[super viewDidLoad];
NSString *path = [[NSBundle mainBundle]
pathForResource:@"data" ofType:@"plist"];
NSMutableArray* tmpArray = [[NSMutableArray alloc]
initWithContentsOfFile:path];
self.data = tmpArray;
[tmpArray release];
}

17. UIViewController

18. file.xib

19. file.h
// DetailViewController.h
#import <UIKit/UIKit.h>
@interface DetailViewController : UIViewController {
IBOutlet UILabel *label;
}
@property (nonatomic, retain) UILabel *label;
@end

20. file.m
// DetailViewController.m
#import "DetailViewController.h"
@implementation DetailViewController
@synthesize label, text;
- (void)dealloc {
[super dealloc];
[label release];
[text release];
}
and connect the
outlet

21. stop 3: Link Table and Detail

22. RootViewController.m
// RootViewController.m
#import "RootViewController.h"
#import "DetailViewController.h"
- (void)tableView:(UITableView *)tableView
didSelectRowAtIndexPath:(NSIndexPath *)indexPath {
DetailViewController *detailViewController =
[[DetailViewController alloc]
initWithNibName:@"DetailViewController"
bundle:nil];
[self.navigationController
pushViewController:detailViewController
animated:YES];
[detailViewController release];
}

23. Now, we have two views!

24. more and more data...

25. stop 4: Dictionaries
and plist

26. dictionary.plist

27. RootViewController.m
create cell from dictionary
// Customize the appearance of table view cells.
- (UITableViewCell *)tableView:(UITableView *)tableView
cellForRowAtIndexPath:(NSIndexPath *)indexPath {
static NSString *CellIdentifier = @"Cell";
UITableViewCell *cell =
[tableView dequeueReusableCellWithIdentifier:CellIdentifier];
if (cell == nil) {
cell = [[[UITableViewCell alloc]
initWithStyle:UITableViewCellStyleDefault
reuseIdentifier:CellIdentifier]
autorelease];
}
// Configure the cell.
// cell.textLabel.text =
// [self.data objectAtIndex:indexPath.row];
cell.textLabel.text =
[[self.data objectAtIndex:indexPath.row] objectForKey:@"title"]
return cell;
}

28. RootViewController.m
// RootViewController.m
#import "RootViewController.h"
#import "DetailViewController.h"
- (void)tableView:(UITableView *)tableView
didSelectRowAtIndexPath:(NSIndexPath *)indexPath {
DetailViewController *detailViewController =
[[DetailViewController alloc]
initWithNibName:@"DetailViewController"
bundle:nil];
[self.navigationController
pushViewController:detailViewController
animated:YES];
detailViewController.row = [self.data objectAtIndex:indexPath.row];
[detailViewController release];
}

29. DetailView
NSDictionary *drink;
@property (nonatomic, retain) NSDictionary *drink;
@synthesize row
[drink release];
- (void) viewWillAppear: (BOOL)animated {
[super viewWillAppear:animated];
label.text = [row objectForKey:@"title"];
text.text = [drink objectForKey:@"desc"];
}

30. stop 5: User Experince
with UITableView

31. Human Interface Guide

32. RootViewController.m
tableView cellForRowAtIndexPath:
cell = [[[UITableViewCell alloc]
initWithStyle: UITableViewCellStyleSubtitle
reuseIdentifier:CellIdentifier] autorelease];
cell.textLabel.text = [
[self.data objectAtIndex:indexPath.row]
objectForKey:@"title"];
cell.detailTextLabel.text = [
[self.data objectAtIndex:indexPath.row]
objectForKey:@"desc"];

33. RootViewController.m
tableView cellForRowAtIndexPath:
cell.imageView.image =
[UIImage imageNamed:@"anyFileName”];
cell.accessoryType =
UITableViewCellAccessoryDisclosureIndicator;

34. stop 6: Table Group

35. RootViewController.m
Table View - Grouped
// number of rows in the table view.
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)
section {
! if (section == 0) return 2;
! if (section == 1) return 3;
! if (section == 2) return 1;
! else return 0;
}
// section
- (NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:
(NSInteger)section {
! NSString *title = nil;
! switch (section) {
! ! case 0: title = @"Behavioral patterns"; break;
! ! case 1: title = @"Creational patterns"; break; XIB file:
! ! case 2: title = @"Structural patterns"; break;
! ! default: break; style = grouped
! }
! return title;
}
// number of section
- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView {
return 3;
}

36. stop 7: iAds

37. ExampleAppDelegate.h
Adding a common iAds Banner
// MuralistasAppDelegate.h
#import <UIKit/UIKit.h>
#import <iAd/iAd.h>
#define SharedAdBannerView
((MuralistasAppDelegate *)[[UIApplication sharedApplication] delegate]).banner
@interface MuralistasAppDelegate : NSObject <UIApplicationDelegate> {
ADBannerView *banner;!
}
@property (nonatomic, retain) IBOutlet UIWindow *window;
@property (nonatomic, retain) IBOutlet UINavigationController *navigationController;
@property (nonatomic, retain) ADBannerView *banner;
@end

38. ExampleAppDelegate.m
Adding a common iAds Banner
// didFinishLaunchingWithOptions
- (BOOL) application:(UIApplication *)application
didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
// Add the navigation controller's view to the window and display.
self.window.rootViewController = self.navigationController;
[self.window makeKeyAndVisible];
// Banner
banner = [[ADBannerView alloc] initWithFrame:CGRectZero];
// banner is pinned to the bottom
! self.banner.autoresizingMask =
UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight |
UIViewAutoresizingFlexibleTopMargin;
! // Supported landscape or portrait
[NSSet setWithObjects: ADBannerContentSizeIdentifier320x50,
ADBannerContentSizeIdentifier480x32, nil];
!
return YES;
}

39. <ADBannerViewDelegate>
iAds Banner
Add iAds Delegate Methods
:)

40. <ADBannerViewDelegate>
iAds Banner

41. .javiergs.com