iOS --tableView的组头/组尾

需求:表头上显示文字

  • 两种方案:系统给我们提供了tableViewController的代理方法
    • 返回组头/组尾文字字符串 NSString
- ( NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section;    // fixed font style. use custom view (UILabel) if you want something different
- (NSString *)tableView:(UITableView *)tableView titleForFooterInSection:(NSInteger)section;
  • 返回组头/尾视图,UIView
- (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section;   // custom view for header. will be adjusted to default or specified header height
- (UIView *)tableView:(UITableView *)tableView viewForFooterInSection:(NSInteger)section;   // custom view for footer. will be adjusted to default or specified footer height

方案一:

  • 实现代理方法 -> table: titleForHeaderInSection: ,直接返回表头字符串即可。
- ( NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section;  

方案二:自定义表头视图 实现

  • 创建自定义tableView类 JPCommentHeaderView

  • 继承UITableViewHeaderFooterView,因为系统提供的UITableViewHeaderFooterView类有重用机制

  • 提供一个文字属性该外界设置

  • 代码实现

 #import <UIKit/UIKit.h>
@interface JPCommentHeaderView : UITableViewHeaderFooterView
/** 文字属性 */
@property (nonatomic, copy) NSString *text;
@end

#import "JPCommentHeaderView.h"

@interface JPCommentHeaderView()
/** 内部的label */
@property (nonatomic, weak) UILabel *label;
@end

@implementation JPCommentHeaderView

- (instancetype)initWithReuseIdentifier:(NSString *)reuseIdentifier
{
    if (self = [super initWithReuseIdentifier:reuseIdentifier]) {
        self.contentView.backgroundColor = XMGCommonBgColor;
        
        // label
        UILabel *label = [[UILabel alloc] init];
        label.x = XMGCommonSmallMargin;
        label.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight;
        label.textColor = XMGGrayColor(120);
        label.font = [UIFont systemFontOfSize:14];
        [self.contentView addSubview:label];
        self.label = label;
    }
    return self;
}

- (void)setText:(NSString *)text
{
    _text = [text copy];
    self.label.text = text;
}
@end
  • 注册自定义组头视图
   static NSString * const JPHeaderId = @"header";
   [self.tableView registerClass:[JPCommentHeaderView class] forHeaderFooterViewReuseIdentifier:JPHeaderId];
  • 实现代理方法,返回组头视图
- (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section
{
    JPCommentHeaderView *header = [tableView dequeueReusableHeaderFooterViewWithIdentifier:JPHeaderId
                                           ];
    // 覆盖文字
    if (section == 0 && self.hotComments.count) {
        header.text = @"最热评论";
    } else {
        header.text = @"最新评论";
    }
    return header;
}
tableView 头部有空白区域解决
当cell的类型是plaint类型时,直接设置self.automaticallyAdjustsScrollViewInsets=NO;应该就可以的
当cell的类型是group类型时,此时要去掉tableView顶部的空白需要两步:
1.设置tableView的tableHeaderView高度为0.5;
self.MenuTable.tableHeaderView=[[UIview alloc] initWithFrame:(CGRectMake(0,20,82,0.5))];
2.设置heightForHeaderInSection的高度为0.5
-(CGFloat)tableView:(UItableView *)tableView heightForHeaderInSection(NSInteger)section{
return 0.5;
}

推荐阅读更多精彩内容