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

代码地址如下：
http://www.demodashi.com/demo/11088.html

一、准备工作

例子比较精简，没有什么特殊要求，具备Xocde8.0左右版本的就好

二、程序实现

1、相关代码截图

代码里除了三方库 SDWebImage Kingfisher，一共分别有两个 category 和 extension
OC代码截图
Swift代码截图

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();

三、运行效果

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

代码地址如下：
http://www.demodashi.com/demo/11088.html

注：本文著作权归作者，由demo大师发表，拒绝转载，转载需要作者授权

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

Swift之UIView设置部分圆角与获取其所在ViewController
设置部分圆角实现原理: 可指定设置圆角的位置(左上角.左下角.右下角.右上角) func setCorner(size:CGFloat,roundingCorners:UIRectCorner) { ...
Glide获取网络图片宽高，并动态设置图片宽高
因Android手机屏幕尺寸较多,当imageview宽设置match_parent,高固定时.会导致图片拉伸或裁剪.目前可通过获取图片宽高,动态设置imageview宽高比例,等比例缩放图片. ...
不使用cornerRadius设置图片圆角
tableView的性能优化--不使用cornerRadius设置图片圆角有人问我为什么tableView滑动不流畅,甚至闪退,其实和cell中的圆角头像使用了cornerRadius有关优化点 ...
设置图片圆角或者圆形
1.//用画图的方式设置圆角 mImageView.image=[UIImage imageNamed:@"bg1.png"]; mImageView.frame=CGRectMa ...
HTML设置单边圆角,如何在html中做圆角矩形和只有右边的分隔线
其实是对(理论上是对所有的)html元素: 而实际常用的是 div块, 链接a 等运用圆角矩形的样式这个圆角是通过元素: div, a的 css 样式来实现的: 样式: border-radius ...
android获取网络图片方法,Android获取网络图片并显示的方法
本文实例为大家分享了Android获取网络图片并显示的具体代码,供大家参考,具体内容如下使用 HttpURLConnection 获得连接,再使用 InputStream 获得图片的数据流,通过 B ...
Android获取网络图片的三种方法
在做项目中,获取网络数据是一件很常见的事情,各类数据在服务器端或直接print,或封以实体类扔进List转换为json,由客户端使用HttpClient的execute()方法接收,以完成数据交互的过 ...
Android 如何根据网络地址获取网络图片方法
<h2><pre name="code" class="html" style="font-weight: bold; font-s ...
UIBezierPath设置图片圆角
一般我们都会通过Layer设置图片圆角,这种方法在iOS9以前可能会发生离屏渲染, 比较消耗性能,比如当一个页面上有十几头像这样设置了圆角会明显感觉到卡顿.这种就是最常用的,也是最耗性能的. imag ...

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

一、准备工作

二、程序实现

1、相关代码截图

2、具体实现

三、运行效果

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

最新文章

热门文章