zoukankan      html  css  js  c++  java
  • iOS开发小技巧 -- tableView-section圆角边框解决方案

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

    tableView圆角边框解决方案

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

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

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

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

    • 设置过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.row0和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

  • 相关阅读:
    1260. [CQOI2007]涂色【区间DP】
    2733. [HNOI2012]永无乡【平衡树-splay】
    1087. [SCOI2005]互不侵犯King【状压DP】
    1026. [SCOI2009]windy数【数位DP】
    1066. [SCOI2007]蜥蜴【最大流】
    luogu P2776 [SDOI2007]小组队列
    cogs 717. [SDOI2007] 小组队列
    luogu P1160 队列安排
    2612. [FHZOI 2017]被窃的项链
    codevs 3336 电话网络 (2)
  • 原文地址:https://www.cnblogs.com/gchlcc/p/6068532.html
Copyright © 2011-2022 走看看