如何用Objective-C自定义UITableView第0组头部（添加图片与文本）

我来帮你一步步搞定这个需求——先解决你当前自定义头部没生效的问题，再实现组的折叠展开，最后针对第0组做专属的图文头部。

一、先解决自定义头部不显示的问题 #

你写的viewForHeaderInSection:代码本身没问题，但漏掉了tableView:heightForHeaderInSection:方法！系统默认的组头部高度非常小（甚至可能是0），导致你的自定义视图根本显示不出来。先把这个方法补上：

- (CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section {
    // 第0组要放图片和文本，给个足够的高度；其他组适配折叠交互
    if (section == 0) {
        return 80; // 可以根据你的图文需求自行调整
    } else {
        return 44; // 其他组头部的高度，方便点击交互
    }
}

接下来修改viewForHeaderInSection:，针对第0组单独做图文布局，其他组保留带点击功能的折叠头部：

-(UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section {
    // 根据当前组的高度创建头部视图
    CGFloat headerHeight = [self tableView:tableView heightForHeaderInSection:section];
    UIView *headerView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, tableView.frame.size.width, headerHeight)];
    
    if (section == 0) {
        // 第0组自定义图文头部
        headerView.backgroundColor = [UIColor whiteColor]; // 自定义背景色
        
        // 添加图片视图
        UIImageView *headerImageView = [[UIImageView alloc] initWithFrame:CGRectMake(20, 10, 60, 60)];
        headerImageView.image = [UIImage imageNamed:@"your_custom_image"]; // 替换成你项目里的图片名
        [headerView addSubview:headerImageView];
        
        // 添加主标题
        UILabel *titleLabel = [[UILabel alloc] initWithFrame:CGRectMake(90, 15, tableView.frame.size.width - 110, 20)];
        titleLabel.font = [UIFont boldSystemFontOfSize:16];
        titleLabel.text = @"第0组自定义标题";
        [headerView addSubview:titleLabel];
        
        // 添加副标题/描述文本
        UILabel *subTitleLabel = [[UILabel alloc] initWithFrame:CGRectMake(90, 40, tableView.frame.size.width - 110, 15)];
        subTitleLabel.font = [UIFont systemFontOfSize:12];
        subTitleLabel.textColor = [UIColor grayColor];
        subTitleLabel.text = @"这里可以放描述性的文本内容";
        [headerView addSubview:subTitleLabel];
    } else {
        // 第1-4组的可折叠头部
        headerView.backgroundColor = [UIColor colorWithRed:166/255.0 green:177/255.0 blue:186/255.0 alpha:1.0];
        
        UILabel *sectionTitleLabel = [[UILabel alloc] initWithFrame:CGRectMake(10, 0, tableView.frame.size.width - 20, headerHeight)];
        sectionTitleLabel.font = [UIFont boldSystemFontOfSize:12];
        sectionTitleLabel.text = [list objectAtIndex:section]; // 用你的list数组取组标题
        sectionTitleLabel.textColor = [UIColor whiteColor];
        [headerView addSubview:sectionTitleLabel];
        
        // 给头部添加点击手势，实现折叠展开
        UITapGestureRecognizer *tapGesture = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(onHeaderTapped:)];
        tapGesture.view.tag = section; // 用tag标记当前组
        [headerView addGestureRecognizer:tapGesture];
    }
    
    return headerView;
}

二、实现组的折叠展开功能 #

要让第1-4组点击头部展开/收起，需要一个数组来记录每个组的展开状态：

1. 先在你的ViewController里声明一个属性：

@property (nonatomic, strong) NSMutableArray *sectionExpandStates;

2. 在viewDidLoad里初始化这个数组，默认第0组不需要折叠（设为YES），其他组默认收起（设为NO）：

- (void)viewDidLoad {
    [super viewDidLoad];
    
    // 初始化展开状态：索引对应组号，YES=展开，NO=收起
    self.sectionExpandStates = [NSMutableArray arrayWithObjects:@YES, @NO, @NO, @NO, @NO, nil];
}

3. 实现点击头部的响应方法，切换展开状态并刷新组：

- (void)onHeaderTapped:(UITapGestureRecognizer *)gesture {
    NSInteger section = gesture.view.tag;
    // 切换当前组的展开状态
    BOOL currentState = [self.sectionExpandStates[section] boolValue];
    self.sectionExpandStates[section] = @(!currentState);
    
    // 刷新当前组，带动画效果
    [self.tableView reloadSections:[NSIndexSet indexSetWithIndex:section] withRowAnimation:UITableViewRowAnimationAutomatic];
}

4. 修改tableView:numberOfRowsInSection:方法，根据展开状态返回对应行数：

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
    if (section == 0) {
        return 0; // 第0组只显示头部，不需要行
    } else {
        BOOL isExpanded = [self.sectionExpandStates[section] boolValue];
        // 这里替换成你每个组实际的行数，比如每个组有3行就返回3，收起时返回0
        return isExpanded ? 3 : 0;
    }
}

三、几个要注意的小细节 #

• 确保你的list数组元素数量和组的数量一致，避免数组越界崩溃。
• 要把自定义头部的图片添加到你的项目资源中，代码里的图片名要和实际文件名完全一致。
• 如果你的表格行有自定义样式，记得实现tableView:cellForRowAtIndexPath:方法来返回对应的单元格。

内容的提问来源于stack exchange，提问作者Priyanka Patil