Indexed TableView

Indexed Table View

1) Set Your Storyboard Like This :

2) Write This Code in ViewController.m :

#import "AnimalTableTableViewController.h"

@interface AnimalTableTableViewController ()

{

    NSDictionary *animals;

    NSArray *animalSectionTitles;

}

@end

@implementation AnimalTableTableViewController

- (id)initWithStyle:(UITableViewStyle)style

{

    self = [super initWithStyle:style];

    if (self) {

        // Custom initialization

    }

    return self;

}

- (void)viewDidLoad

{

    [super viewDidLoad];

    

    

    animals = @{@"B" : @[@"Bear", @"Black Swan", @"Buffalo"],

                @"C" : @[@"Camel", @"Cockatoo"],

                @"D" : @[@"Dog", @"Donkey"],

                @"E" : @[@"Emu"],

                @"G" : @[@"Giraffe", @"Greater Rhea"],

                @"H" : @[@"Hippopotamus", @"Horse"],

                @"K" : @[@"Koala"],

                @"L" : @[@"Lion", @"Llama"],

                @"M" : @[@"Manatus", @"Meerkat"],

                @"P" : @[@"Panda", @"Peacock", @"Pig", @"Platypus", @"Polar Bear"],

                @"R" : @[@"Rhinoceros"],

                @"S" : @[@"Seagull"],

                @"T" : @[@"Tasmania Devil"],

                @"W" : @[@"Whale", @"Whale Shark", @"Wombat"]};

    

    animalSectionTitles = [[animals allKeys] sortedArrayUsingSelector:@selector(localizedCaseInsensitiveCompare:)];

    

}

- (void)didReceiveMemoryWarning

{

    [super didReceiveMemoryWarning];

    // Dispose of any resources that can be recreated.

}

- (NSString *)getImageFilename:(NSString *)animal

{

    NSString *imageFilename = [[animal lowercaseString] stringByReplacingOccurrencesOfString:@" " withString:@"_"];

    imageFilename = [imageFilename stringByAppendingString:@".jpg"];

    

    return imageFilename;

}

#pragma mark - Table view data source

- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView

{

    // Return the number of sections.

    return [animalSectionTitles count];

}

- (NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section

{

    return [animalSectionTitles objectAtIndex:section];

}

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

{

    NSString *sectionTitle = [animalSectionTitles objectAtIndex:section];

    NSArray *sectionAnimals = [animals objectForKey:sectionTitle];

    return [sectionAnimals count];

}

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

{

    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"Cell" forIndexPath:indexPath];

    

    // Configure the cell...

    NSString *sectionTitle = [animalSectionTitles objectAtIndex:indexPath.section];

    NSArray *sectionAnimals = [animals objectForKey:sectionTitle];

    NSString *animal = [sectionAnimals objectAtIndex:indexPath.row];

    cell.textLabel.text = animal;

    cell.imageView.image = [UIImage imageNamed:[self getImageFilename:animal]];

    

    return cell;

}

@end