如何访问tableView的标准viewForHeaderInSection?

时间:2011-09-12 19:12:33

标签: ios uitableview

我有一个带有各个部分的索引UITableView。我想为每个部分中的标题视图使用不同的背景颜色。我知道我可以通过实现tableView来完成自己的视图:viewForHeaderInSection :(例如,参见question # 2898361),但这对我来说似乎是“太多工作” - 标准视图看起来很好,我只想拥有改变它的背景颜色。

但是如何访问此标准视图?我不能使用[super tableView:viewForHeaderInSection:]因为这是一个实现协议而不是继承问题的问题。我可以通过其他方式获得标准视图吗?

3 个答案:

答案 0 :(得分:13)

我几乎可以肯定你不能轻易做到这一点。我最近在我的开发帐户上使用了我的技术支持请求之一,询问有关更改UITableView部分的背景和边框的问题。苹果工程师告诉我,这真的不是一件容易的事情,即使你设法做到了,你也可能会影响性能。他还给我指了cocoawithlove和一篇关于编辑uitableviews的文章:

http://cocoawithlove.com/2009/08/adding-shadow-effects-to-uitableview.html

真的,创建自己的标题并不是那么费力。下面是我从我的一个项目中提取的一些代码 - 它被注释掉了,所以可能不会马上工作 - 但你可以得到这个想法:

 - (CAGradientLayer *) greyGradient {
    CAGradientLayer *gradient = [CAGradientLayer layer];
    gradient.startPoint = CGPointMake(0.5, 0.0);
    gradient.endPoint = CGPointMake(0.5, 1.0);

    UIColor *color1 = [UIColor colorWithRed:255.0f/255.0f green:255.0f/255.0f blue:255.0f/255.0f alpha:1.0];
    UIColor *color2 = [UIColor colorWithRed:240.0f/255.0f green:240.0f/255.0f blue:240.0f/255.0f alpha:1.0];

    [gradient setColors:[NSArray arrayWithObjects:(id)color1.CGColor, (id)color2.CGColor, nil]];
    return gradient;
}

- (UIView *) tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section {
    CGFloat width = CGRectGetWidth(tableView.bounds); 
    CGFloat height = [self tableView:tableView heightForHeaderInSection:section];
    UIView *container = [[[UIView alloc] initWithFrame:CGRectMake(0,0,width,height)] autorelease];
    container.layer.borderColor = [UIColor grayColor].CGColor;
    container.layer.borderWidth = 1.0f;
    CAGradientLayer *gradient = [self greyGradient];
    gradient.frame = container.bounds;
    [container.layer addSublayer:gradient];

    UILabel *headerLabel = [[[UILabel alloc] initWithFrame:CGRectMake(12,0,width,height)] autorelease];
    headerLabel.backgroundColor = [UIColor clearColor];
    headerLabel.font= [UIFont boldSystemFontOfSize:19.0f];
    headerLabel.shadowOffset = CGSizeMake(1, 1);
    headerLabel.textColor = [UIColor whiteColor];
    headerLabel.shadowColor = [UIColor darkGrayColor];
    NSString *title = [self tableView:tableView titleForHeaderInSection:section];
    headerLabel.text = title;
    return container;
}

确保

#import <QuartzCore/QuartzCore.h>

顺便说一句......这不应该模仿标准标题的外观 - 它只是一个例子。但我确定通过一些试验和错误你可以改变它来模仿标准的然后稍微改变颜色。

答案 1 :(得分:5)

虽然其他答案正确指出您无法访问默认视图以对其进行简单修改,但如果您没有为特定部分标题自定义,则可以从nil返回tableView:viewForHeaderInSection:并且表视图将使用默认视图。

如果您只需要自定义部分标题,这会很有用。

无论出于何种原因,这都是undocumented

答案 2 :(得分:1)

@bandejapalsa解决方案存在一个问题:使用此实现时,前一个单元格的分隔符仍然可见,因为它不在默认的iOS sectionHeaderView上。我找到的解决方案是使用CALayer并将其偏移1像素。图像需要比视图框架本身高1pix。

// Create the view for the header
CGRect aFrame =CGRectMake(0, 0, tableView.contentSize.width, IMIUICustomisation.sectionHeaderViewHeight);
UIView * aView = [[UIView alloc] initWithFrame:aFrame];
aView.backgroundColor = UIColor.clearColor;

// Create a stretchable image for the background that emulates the default gradient, only in green
UIImage *viewBackgroundImage = [[UIImage imageNamed:@"greenheader.png"] stretchableImageWithLeftCapWidth:12 topCapHeight:0];

// Cannot set this image directly as the background of the cell because
// the background needs to be offset by 1pix at the top to cover the previous cell border (Alex Deplov's requirement ^_^)
CALayer *backgroungLayer = [CALayer layer];

backgroungLayer.frame = CGRectMake(0, -1, tableView.contentSize.width, IMIUICustomisation.sectionHeaderViewHeight+1);
backgroungLayer.contents = (id) viewBackgroundImage.CGImage;
backgroungLayer.masksToBounds = NO;
backgroungLayer.opacity = 0.9;
[aView.layer addSublayer:backgroungLayer];

// Take care of the section title now
UILabel *aTitle = [[UILabel alloc] initWithFrame: CGRectMake(10, 0, aView.bounds.size.width-10, aView.bounds.size.height)];
aTitle.text = [delegate tableView:tableView titleForHeaderInSection:section];
aTitle.backgroundColor = UIColor.clearColor;
aTitle.font = [UIFont boldSystemFontOfSize:18];
aTitle.textColor = UIColor.whiteColor;

// Text shadow
aTitle.layer.shadowOffset = CGSizeMake(0, 1);
aTitle.layer.shadowRadius = .2;
aTitle.layer.masksToBounds = NO;
aTitle.layer.shadowOpacity = 0.5;
aTitle.layer.shadowColor = IMIUICustomisation.selectedElementTextShadowColor.CGColor;
[aView addSubview:aTitle];

return aView;