扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
本文主要讲解如何从照片库选择一张照片后将其裁剪成圆形头像并显示，类似于微信头像那种模式。
创新互联公司-云计算及IDC服务提供商，涵盖公有云、IDC机房租用、成都机柜租用、等保安全、私有云建设等企业级互联网基础服务，电话联系：18982081108
本文的方法也适用于当时拍照获取的图像，方法类似，所以不再赘述。
本文主要是在iOS 10环境下使用，此时如果要使用使用系统照片库、照相机等功能需要授权，授权方法如下：
右键点击工程目录中的“Info.plist文件——>Open As ——>Source Code”，打开复制以下你在应用中使用的隐私权限设置（描述自己修改）：
NSVideoSubscriberAccountUsageDescription NSBluetoothPeripheralUsageDescription 蓝牙权限 NSSpeechRecognitionUsageDescription 语音识别权限 NSSiriUsageDescription Siri权限 NSRemindersUsageDescription NSPhotoLibraryUsageDescription 相册权限 kTCCServiceMediaLibrary NSMotionUsageDescription 运动权限 NSMicrophoneUsageDescription 麦克风权限 NSAppleMusicUsageDescription 音乐权限 NSLocationWhenInUseUsageDescription 地理位置权限 NSLocationUsageDescription 地理位置权限 NSLocationAlwaysUsageDescription 地理位置权限 NSHomeKitUsageDescription NSHealthUpdateUsageDescription 健康权限 NSHealthShareUsageDescription 健康权限 NSContactsUsageDescription 通讯录权限 NSCameraUsageDescription 摄像头权限 NSCalendarsUsageDescription 日历权限
下面，正式进入本文要实现的功能的代码编写。
1. 使用Xcode的storyboard创建一个button和一个imageView
创建后的效果如下图1所示。其中，imageView的尺寸影响最终显示的效果尺寸，请根据实际情况设置。
2. 创建一个UIImage的类别(Category)
创建新文件，选择“Objective-C File”，如下图2所示：
在弹出的如图3所示的对话框中，“File”写入类别的名称(本例中是DY)，“File Type”选择Category，“Class”选择UIImage。然后点击“Next”按钮，将新文件保存。
3. 编写类别中的代码
UIImage+DY.h文件中
#import@interface UIImage (DY) + (instancetype)circleOldImage:(UIImage *)originalImage borderWidth:(CGFloat)borderWidth borderColor:(UIColor *)borderColor; @end
UIImage+DY.m文件中
#import "UIImage+DY.h"
@implementation UIImage (DY)
+ (instancetype)circleOldImage:(UIImage *)originalImage borderWidth:(CGFloat)borderWidth borderColor:(UIColor *)borderColor
{
// 1.加载原图
UIImage *oldImage = originalImage;
// 2.开启上下文
CGFloat imageW = oldImage.size.width + 2 * borderWidth;
CGFloat imageH = oldImage.size.height + 2 * borderWidth;
CGSize imageSize = CGSizeMake(imageW, imageH);
UIGraphicsBeginImageContextWithOptions(imageSize, NO, 0.0);
// 3.取得当前的上下文
CGContextRef ctx = UIGraphicsGetCurrentContext();
// 4.画边框(大圆)
[borderColor set];
CGFloat bigRadius = imageW * 0.5; // 大圆半径
CGFloat centerX = bigRadius; // 圆心
CGFloat centerY = bigRadius;
CGContextAddArc(ctx, centerX, centerY, bigRadius, 0, M_PI * 2, 0);
CGContextFillPath(ctx); // 画圆
// 5.小圆
CGFloat smallRadius = bigRadius - borderWidth;
CGContextAddArc(ctx, centerX, centerY, smallRadius, 0, M_PI * 2, 0);
// 裁剪(后面画的东西才会受裁剪的影响)
CGContextClip(ctx);
// 6.画图
[oldImage drawInRect:CGRectMake(borderWidth, borderWidth, oldImage.size.width, oldImage.size.height)];
// 7.取图
UIImage *newImage = UIGraphicsGetImageFromCurrentImageContext();
// 8.结束上下文
UIGraphicsEndImageContext();
return newImage;
}
@end
+(instancetype)circleOldImage:(UIImage )originalImage borderWidth:(CGFloat)borderWidth borderColor:(UIColor )borderColor方法的说明：
4. 实现裁剪成圆形图像并显示
ViewController.h文件