tableView 获取网络图片，并且设置为圆角(优化，fps)

立即下载用AI写一个

发布时间：2017-08-11

3人 | 浏览：5129次 | 收藏 |

技术：objective-C+Xcode 或者 Swift+Xcode

概述

tableview的优化一直是一个让iOS开发者常谈的问题，流畅度是一个很重要的指标，圆角图片也一直是影响tableview流畅度(fps)的一个问题，这两天分别写了 OC 和 swift 的代码实例，分别结合 SDWebimage 和 Kingfisher 实现了，设置网络图片为圆角的方法，希望可以帮到大家

详细

### 一、准备工作
- 例子比较精简，没有什么特殊要求，具备Xocde8.0左右版本的就好

### 二、程序实现
#### 1、相关代码截图
- 代码里除了三方库 SDWebImage Kingfisher，一共分别有两个 category 和 extension
- OC代码截图
![](/contentImages/image/20170810/5KLiHYHBCDXnILvpkY4.png)
![](/contentImages/image/20170810/Jw5CwspLDTHHZ2Oz9y3.png)

- Swift代码截图
![](/contentImages/image/20170810/gnNJEirvVWJTImYpkdR.png)
![](/contentImages/image/20170810/m7VGv6dGNP2immiqrvz.png)

####2、具体实现
下面我们来介绍下 OC的代码 实现逻辑
首先我们利用SDWebImage 最近版本添加的成功回调的方法
```
[self sd_setImageWithURL:url placeholderImage:[placeholder imageRoundCorner] completed:^(UIImage * _Nullable image, NSError * _Nullable error, SDImageCacheType cacheType, NSURL * _Nullable imageURL) {
  }];
```
这个代码我们可以看到 回调成功会有 image传回来，这时我们通过对这个image 处理，把它处理成圆角的，在显示在imageView上，
设置圆角的方法 这里是采用 贝塞尔曲线(UIBezierPath)实现的
贴上部分代码
```
// 开始绘图，创建上下文
UIGraphicsBeginImageContextWithOptions(self.size, NO, self.scale);
// 得到上下文
  CGContextRef context = UIGraphicsGetCurrentContext();
// 得到上下文大小
  CGRect rect = CGRectMake(0, 0, self.size.width, self.size.height);
// 等比例例
  CGContextScaleCTM(context, 1, -1);
// 移动画布位置
  CGContextTranslateCTM(context, 0, -rect.size.height);
```
```
// 开始利用贝塞尔曲线话圆角图片
    UIBezierPath *path = [UIBezierPath bezierPathWithRoundedRect:CGRectInset(rect, borderWidth, borderWidth) byRoundingCorners:corners cornerRadii:CGSizeMake(radius, borderWidth)];
    [path closePath];
    CGContextSaveGState(context);
    [path addClip];
    CGContextDrawImage(context, rect, self.CGImage);
    CGContextRestoreGState(context);
```
最后得到图片

```
UIImage *image = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();
```
### 三、运行效果
![](/contentImages/image/20170811/x4k5bR9m9Qx2crns69w.png)

本实例支付的费用只是购买源码的费用，如有疑问欢迎在文末留言交流，如需作者在线代码指导、定制等，在作者开启付费服务后，可以点击“购买服务”进行实时联系，请知悉，谢谢

感谢

手机上随时阅读、收藏该文章？请扫下方二维码

tableView 获取网络图片，并且设置为圆角(优化，fps)

概述

详细

相似例子推荐

评论

作者

评分详细

作者例子