iOS开发小技巧 -- tableView-section圆角边框解决方案

【iOS开发】tableView-section圆角边框解决方案

tableView圆角边框解决方案

  • iOS 7之前,图下圆角边框很容易设置

  • iOS 7之后,tableviewcell的风格不再是圆角了

设置tableView中section圆角边框,需求如下:

762322-20161116103127654-1033719376.png

找了很多办法都没办法解决。

  • 设置过tableView的边框,但是发现,滑动tableView的时候,其实是里面的content在移动,也就是,向上向下滑,边框并不会动=。=。

  • 可以试着打印tableView的frame,发现frame的x.y并不会移动。

最后解决了,找了两种方案

【方案一】- 自定义cell

圆角边框为UIImage,充当自定义cell的背景图.
  • 1.方法比较简单,就不粘代码了,弄上边圆角,下边圆角,没有圆角,上下边都有圆角四张图片。

  • 2.判断加载的是section中的indexpath.row是几,对应加载哪种圆角图片,就可以了。

【方法二】- cell重绘

给section,绘制边框。
  • 1.在UITableViewDelegate有个展示cell的代理方法,在展示cell的时候,然后为section中的cell绘制边框

  • 2.index path.row==0和index path.row==最后一个 的时候,加圆角。

  • 3.此方法,可以直接复制粘贴使用,另外,如果此需求用到的地方比较多,可以构建基类或者写在category里面,方便使用代码如下:


#pragma mark - Table view data source

// 重新绘制cell边框

- (void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath{

 if ([cell respondsToSelector:@selector(tintColor)]) {

 // if (tableView == self.tableView) {

 CGFloat cornerRadius = 10.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:0.5f].CGColor;

 layer.strokeColor=[UIColor whiteColor].CGColor;

 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 *testView = [[UIView alloc] initWithFrame:bounds];

 [testView.layer insertSublayer:layer atIndex:0];

 testView.backgroundColor = UIColor.clearColor;

 cell.backgroundView = testView;

 }

 // }

}

来源http://www.jianshu.com/p/da1adec5a601

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值