Iphone – Strange issue with Indexed UITableView’s section index title is incorrect

cocoa-touchiphoneuikit

I ran into a strange issue with my indexed tableview's section index titles. The index titles returned is correct (A – Z) as outputted by the debugging code below but the displayed index titles on the right side of the table is separated with • instead. So instead of A B C D… I get A • C • E •… instead.

Any idea what's causing this? I have another tableview in my app but that tableview doesn't suffer from this problem but I haven't figured out why yet.

- (NSArray *)sectionIndexTitlesForTableView:(UITableView *)tableView {

 NSMutableArray *sectionTitles = [[[NSMutableArray alloc] init] autorelease];
 [sectionTitles addObject:UITableViewIndexSearch];
 [sectionTitles addObjectsFromArray:[self.fetchedResultsController sectionIndexTitles]];

        // NSArray *debug = [self.fetchedResultsController sectionIndexTitles];
        // CFShow(debug);
 return sectionTitles;
}

Best Answer

This is caused when the height available to display the index is less than what is needed to display each letter. The index is abbreviated (or shrunk). This effect will also occur when the keyboard is displayed and the index is still visible.

Related Solutions

Iphone – UITableView’s indexPathsForVisibleRows incorrect

Did you tried calling methods in below sequence:

[MyTable visibleCells];
[MyTable indexPathsForVisibleRows];

There is a bug in iOS with indexPathsForVisibleRows. Use above two line code to get correct visible rows.

Ios – How to mimic UITableView’s UITableViewStylePlain section header style

If anyone is still interested, I've got it looking pretty damn close with the following code (using Mark Adams images from the comment above, but I resized them slightly as my app also has landscape mode):

- (UIView *)tableView:(UITableView *)tbl viewForHeaderInSection:(NSInteger)section
{
    UIView* sectionHead = [[UIView alloc] initWithFrame:CGRectMake(0, 0, tbl.bounds.size.width, 18)];
    sectionHead.backgroundColor = [UIColor colorWithWhite:0 alpha:0];
    sectionHead.userInteractionEnabled = YES;
    sectionHead.tag = section;

    UIImageView *headerImage = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"PlainTableViewSectionHeader.png"]];
    headerImage.contentMode = UIViewContentModeScaleAspectFit;

    [sectionHead addSubview:headerImage];
    [headerImage release];

    UILabel *sectionText = [[UILabel alloc] initWithFrame:CGRectMake(10, 2, tbl.bounds.size.width - 10, 18)];
    sectionText.text = text;
    sectionText.backgroundColor = [UIColor clearColor];
    sectionText.textColor = [UIColor whiteColor];
    sectionText.shadowColor = [UIColor darkGrayColor];
    sectionText.shadowOffset = CGSizeMake(0,1);
    sectionText.font = [UIFont boldSystemFontOfSize:18];

    [sectionHead addSubview:sectionText];
    [sectionText release];

    return [sectionHead autorelease];
}

Best Answer

Related Solutions

Iphone – UITableView’s indexPathsForVisibleRows incorrect

Ios – How to mimic UITableView’s UITableViewStylePlain section header style

Related Topic