项目中经常要用到标题为我的或者设置等的界面,而这些界面一般用storyboard搭建static的cell比较方便快捷,我们经常会遇到以下需求:
- 1.tabbleview在group样式下,自定义不同section的间距
- 2.为不同section中的cell设置圆角
我的解决办法如下:
1.设置section的间距
- 调用代理方法 - (CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section ;设置section的header高度 - (CGFloat)tableView:(UITableView *)tableView heightForFooterInSection:(NSInteger)section设置section的Footer高度
- 或者调用代理方法 - (CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section ;设置section的header高度;然后直接设置 sectionFooterHeight属性值;
- (CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section {
return 10;
}
- (void)viewDidLoad {
[super viewDidLoad];
self.tableView.separatorStyle = UITableViewCellSeparatorStyleNone;
self.tableView.sectionFooterHeight = 8;
}
注意 : 带有导航控制器的导航栏时,直接设置sectionHeaderHeight属性值,self.tableView.sectionHeaderHeight=10;self.tableView.sectionFooterHeight = 8;会导致第一个section与导航条的间距和其他间距不同,所以最好通过代理方法- (CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section;来设置sectionHeaderHeight的高度
这种情况下,如果不用代理方法,需要设置tableView的contentInset属性,来解决
- (void)viewDidLoad {
[super viewDidLoad];
self.tableView.separatorStyle = UITableViewCellSeparatorStyleNone;
self.tableView.contentInset = UIEdgeInsetsMake(-20, 0, 0, 0);
self.tableView.sectionFooterHeight = 8;
self.tableView.sectionHeaderHeight = 10;
}
2.设置不同section之间cell的圆角
在- (void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath;这个代理方法中作判断,在相应的cell中的图层绘制
以下代码可直接复制粘贴使用
- (void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath{
CGFloat cornerRadius = 5.f;
cell.backgroundColor = UIColor.clearColor;
CAShapeLayer *layer = [[CAShapeLayer alloc] init];
CGMutablePathRef pathRef = CGPathCreateMutable();
CGRect bounds = CGRectInset(cell.bounds, 10, 0);
BOOL addLine = NO;
if (indexPath.row == 0 && indexPath.row == [tableView numberOfRowsInSection:indexPath.section]-1) {
CGPathAddRoundedRect(pathRef, nil, bounds, cornerRadius, cornerRadius);
} else if (indexPath.row == 0) {
CGPathMoveToPoint(pathRef, nil, CGRectGetMinX(bounds), CGRectGetMaxY(bounds));
CGPathAddArcToPoint(pathRef, nil, CGRectGetMinX(bounds), CGRectGetMinY(bounds), CGRectGetMidX(bounds), CGRectGetMinY(bounds), cornerRadius);
CGPathAddArcToPoint(pathRef, nil, CGRectGetMaxX(bounds), CGRectGetMinY(bounds), CGRectGetMaxX(bounds), CGRectGetMidY(bounds), cornerRadius);
CGPathAddLineToPoint(pathRef, nil, CGRectGetMaxX(bounds), CGRectGetMaxY(bounds));
addLine = YES;
} else if (indexPath.row == [tableView numberOfRowsInSection:indexPath.section]-1) {
CGPathMoveToPoint(pathRef, nil, CGRectGetMinX(bounds), CGRectGetMinY(bounds));
CGPathAddArcToPoint(pathRef, nil, CGRectGetMinX(bounds), CGRectGetMaxY(bounds), CGRectGetMidX(bounds), CGRectGetMaxY(bounds), cornerRadius);
CGPathAddArcToPoint(pathRef, nil, CGRectGetMaxX(bounds), CGRectGetMaxY(bounds), CGRectGetMaxX(bounds), CGRectGetMidY(bounds), cornerRadius);
CGPathAddLineToPoint(pathRef, nil, CGRectGetMaxX(bounds), CGRectGetMinY(bounds));
} else {
CGPathAddRect(pathRef, nil, bounds);
addLine = YES;
}
layer.path = pathRef;
CFRelease(pathRef);
//颜色修改
layer.fillColor = [UIColor colorWithWhite:1.f alpha:1.0f].CGColor; // cell填充颜色
layer.strokeColor=[UIColor whiteColor].CGColor; // cell边框颜色
if (addLine == YES) {
CALayer *lineLayer = [[CALayer alloc] init];
CGFloat lineHeight = (1.f / [UIScreen mainScreen].scale);
lineLayer.frame = CGRectMake(CGRectGetMinX(bounds)+10, bounds.size.height-lineHeight, bounds.size.width-10, lineHeight);
lineLayer.backgroundColor = tableView.separatorColor.CGColor;
[layer addSublayer:lineLayer];
}
UIView *cellBackView = [[UIView alloc] initWithFrame:bounds];
[cellBackView.layer insertSublayer:layer atIndex:0];
cellBackView.backgroundColor = UIColor.clearColor;
cell.backgroundView = cellBackView;
}
运行效果如下:
上图中第三个section中的cell是单独设置的,因为上面的代理方法中把cell的填充色重新绘制成了白色
所以直接改变cell的背景色会不起作用(如图黄色部分),修改cell的contentView的背景色(如图绿色部分)又会把圆角给遮挡住
运行效果
所以我对第三个section的cell作了重新设置,自定义了名为QYMineCell的cell,重写- (void)setFrame:(CGRect)frame ;方法和设置圆角半径,并与storyboard对应的cell作关联
#import "QYMineCell.h"
@implementation QYMineCell
- (void)awakeFromNib {
[super awakeFromNib];
// Initialization code
self.layer.cornerRadius = 5.f;
}
- (void)setFrame:(CGRect)frame {
CGFloat cellMargin = 10;
frame.origin.x = cellMargin;
frame.size.width -= cellMargin * 2;
[super setFrame:frame];
}
@end
