iOS开发之Quartz 2D实现流行的圆形头像

来源：互联网发布：圣火明尊进阶数据编辑：程序博客网时间：2024/06/15 16:15

首先，让我们直接上效果图

这种效果在项目还是很常见的，第一张圆形图带白色边框，第二张是单纯的圆形图片，那要如何实现呢？

直接上代码：

/* 根据传进来的图片名，并制定生成圆形图片的边框，以及颜色返回所需的圆形图片 */// 参数说明：// name : 图片名称// borderWidth : 边框大小// borderColor : 边框颜色+ (instancetype)circleImageWithName:(NSString *)name borderWidth:(CGFloat)borderWidth borderColor:(UIColor *)borderColor{    // 加载原图    UIImage *oldImg     = [UIImage imageNamed:name];    // 开启上下文    CGFloat imgW        = oldImg.size.width + 2 * borderWidth;    CGFloat imgH        = oldImg.size.height + 2 * borderWidth;    CGSize imgSize      = CGSizeMake(imgW, imgH);    UIGraphicsBeginImageContextWithOptions(imgSize, NO, 0.0);    // 取得当前上下文    CGContextRef ctx    = UIGraphicsGetCurrentContext();    // 画边框    [borderColor set];    CGFloat bigRadius   = imgW * 0.5;    CGFloat centerX     = bigRadius;    CGFloat centerY     = bigRadius;    CGContextAddArc(ctx, centerX, centerY, bigRadius, 0, M_PI * 2, 0);    CGContextFillPath(ctx);    // 小圆    CGFloat smallRadius = bigRadius - borderWidth;    CGContextAddArc(ctx, centerX, centerY, smallRadius, 0, M_PI * 2, 0);    CGContextClip(ctx);    // 画图    [oldImg drawInRect:CGRectMake(borderWidth, borderWidth, oldImg.size.width, oldImg.size.height)];    // 取图    UIImage *newImg = UIGraphicsGetImageFromCurrentImageContext();    // 结束上下文    UIGraphicsEndImageContext();    return newImg;}

总结：我们完全可以自定义一个UIImage的category，将这个方法封装进去，这样就可以运用到我们的项目中去了，:-D

0 0