iOS --tableView的组头/组尾
2015-11-12 本文已影响19670人
iOS_成才录
需求:表头上显示文字
- 两种方案:系统给我们提供了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;
}