如何在 titleForHeaderInSection 方法中更改字体样式和背景颜色

Question

经过长时间阅读和检查代码，我很自豪能够拥有一个包含部分和部分标题的自定义表格视图，所有这些都由核心数据对象填充。现在我需要自定义部分标题和背景颜色。我已经看到它完成了，但是使用了viewForHeaderInSection 方法。在我的titleForHeaderInSection 方法中是不可能的吗？ 这里有我的方法：

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




    id <NSFetchedResultsSectionInfo> theSection = [[self.fetchedResultsController sections]objectAtIndex:section];
    NSString *sectionname = [theSection name];
    if ([sectionname isEqualToString:@"text 1"]){
        return @"Today";

    }
    else if ([sectionname isEqualToString:@"text 2"]){
        return @"Tomorrow";
    }


    if ([[self.fetchedResultsController sections]count]>0){
        id<NSFetchedResultsSectionInfo> sectionInfo = [[self.fetchedResultsController sections]objectAtIndex:section];
        return [sectionInfo name];
    }
    else{
        return nil;
    }

}

Answer 1

简单优化

- (void)tableView:(UITableView *)tableView willDisplayHeaderView:(UIView *)view forSection:(NSInteger)section
{
    // Background color
    view.tintColor = [UIColor whiteColor];//[UIColor colorWithRed:77.0/255.0 green:162.0/255.0 blue:217.0/255.0 alpha:1.0];
    // Text Color
    UITableViewHeaderFooterView *header = (UITableViewHeaderFooterView *)view;
    [header.textLabel setTextColor:[UIColor colorWithPatternImage:[UIImage imageNamed:@"tableSection"]]];

}

Answer 2

这是一个使用现有代码设置标题文本的示例，但允许您使用 UITableViewHeaderFooterView 来调整外观：

- (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section
{
    static NSString *header = @"customHeader";

    UITableViewHeaderFooterView *vHeader;

    vHeader = [tableView dequeueReusableHeaderFooterViewWithIdentifier:header];

    if (!vHeader) {
        vHeader = [[UITableViewHeaderFooterView alloc] initWithReuseIdentifier:header];
        vHeader.textLabel.backgroundColor = [UIColor redColor];
    }

    vHeader.textLabel.text = [self tableView:tableView titleForHeaderInSection:section];

    return vHeader;
}

如果你愿意，你甚至可以继承 UITableViewHeaderFooterView 就像你继承 UITableViewCell 来进一步自定义外观。

Answer 3

@codercat 答案的 Swift 实现：

override func tableView(_ tableView: UITableView, willDisplayHeaderView view: UIView, forSection section: Int) {

    view.tintColor = UIColor(red: 0.967, green: 0.985, blue: 0.998, alpha: 1) // this example is a light blue, but of course it also works with UIColor.lightGray

    var header : UITableViewHeaderFooterView = view as UITableViewHeaderFooterView
    header.textLabel.textColor = .red

}

Answer 4

通过以下方式制作自定义 HeaderView：

-(UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section {
    UIView *viewHeader = [UIView.alloc initWithFrame:CGRectMake(0, 0, tableView.frame.size.width, 28)];
    UILabel *lblTitle =[UILabel.alloc initWithFrame:CGRectMake(6, 3, 136, 21)]; 
    [lblTitle setFont:[UIFont fontWithName:@"HelveticaNeue" size:13]]; //Font style 
    [lblTitle setTextColor:[UIColor blackColor]]; 
    [lblTitle setTextAlignment:NSTextAlignmentLeft]; 
    [lblTitle setBackgroundColor:[UIColor clearColor]]; //Background
    [viewHeader addSubview:lblTitle];
    return viewHeader;
}

给这个标签任何文本；我建议为标题标题制作一个单独的 NSArray。

Answer 5

我认为在titleForHeaderInSection 中您不能更改剖面视图属性。 添加到您的项目viewForHeaderInSection，然后添加带有标签的自定义自定义视图，例如 看到这个提示：

- (UIView *) tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section {
    UIView *headerView = [[[UIView alloc] initWithFrame:CGRectMake(0, 0, tableView.bounds.size.width, 0)] autorelease];

    UILabel *label = [[[UILabel alloc] init] autorelease];
    label.frame = CGRectMake(0, 0,300, TABLE_HEADER_HEIGHT);
    label.backgroundColor = [UIColor clearColor];
    label.textColor = TABLE_HEADER_TITLE_COLOR;
    label.font = [UIFont fontWithName:FONT_NAME size:14.f];

    label.text = [self tableView:tableView titleForHeaderInSection:section];

    if (section == 3) {
        [headerView setBackgroundColor:[UIColor whiteColor]];
    } else {
        [headerView setBackgroundColor:[UIColor redColor]];
    }

    [headerView addSubview:label];

    return headerView;
}

您可以根据章节号设置标签的标题。