美文网首页iOS 知识点iOS开发
【iOS开发】tableView-section圆角边框解决方案

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

作者: 纪宝宝 | 来源:发表于2016-03-22 15:22 被阅读2640次

    tableView圆角边框解决方案

    iOS 7之前,图下圆角边框很容易设置
    iOS 7之后,tableviewcell的风格不再是圆角了

    </br>

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


    section圆角边框

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

    • 设置过tableView的边框,但是发现,滑动tableView的时候,其实是里面的content在移动,也就是,向上向下滑,边框并不会动=。=。
    • 可以试着打印tableView的frame,发现frame的x.y并不会移动。

    </br>

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


    【方案一】- 自定义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里面,方便使用
      代码如下:
    - (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 blackColor].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;
        }
    //    }
    }
    

    </br>
    参考资料:
    http://www.cocoachina.com/bbs/read.php?tid=253277
    http://stackoverflow.com/questions/18822619/ios-7-tableview-like-in-settings-app-on-ipad

    ——————————— 【 MadeBy 纪宝宝 】 ———————————

    相关文章

      网友评论

      • 肾得朕心:第二个方法 如果第一行cell上有个跟cell一样宽的图片,图片就不是圆角了
      • 寒翎:可是 一点击他的背景色没有变化啊 只是有了一个圆角,能不能让他点击的时候 只有弧角内变色

      本文标题:【iOS开发】tableView-section圆角边框解决方案

      本文链接:https://www.haomeiwen.com/subject/uuhllttx.html