ios 裁剪圆形头像_iOS开发笔记：实现圆形头像

初学iOS，记录一下自己遇到的一些问题，也希望能够对别人有所帮助

一般应用的个人头像如上图，圆形头像算是每款App中最常见的东西了，刚好最近有遇到这个问题，并且顺利解决了，其实很简单，调用layer这个属性即可:

// 把图片设置成圆形。 我这里在故事版里面设置的imageView是一个正方形(因为头像图片都是放在正方形的imageView里)

self.imageView.layer.cornerRadius=self.imageView.frame.size.width/2;//裁成圆角

self.imageView.layer.masksToBounds=YES;//隐藏裁剪掉的部分

圆形头像

仔细观察第一张图片，可以发现头像其实还有一个白色的边框，这就需要layer的另外两个属性了：

// 给图片加一个圆形边框

self.imageView.layer.borderWidth = 1.5f;//边框宽度

self.imgaeView.layer.borderColor = [UIColor whiteColor].CGColor;//边框颜色

有边框的圆形头像

这样，就实现了App里面的个人头像效果。

完整代码如下：

#import "ViewController.h"

@interface ViewController ()

@property (strong, nonatomic) IBOutlet UIImageView *myHeadPortrait;

@end

@implementation ViewController

- (void)viewDidLoad {

[super viewDidLoad];

// Do any additional setup after loading the view, typically from a nib.

// 调用setHeadPortrait方法

[self setHeadPortrait];

}

- (void)didReceiveMemoryWarning {

[super didReceiveMemoryWarning];

// Dispose of any resources that can be recreated.

}

// 方法：设置头像样式

-(void)setHeadPortrait{

// 把头像设置成圆形

self.myHeadPortrait.layer.cornerRadius=self.myHeadPortrait.frame.size.width/2;//裁成圆角

self.myHeadPortrait.layer.masksToBounds=YES;//隐藏裁剪掉的部分

// 给头像加一个圆形边框

self.myHeadPortrait.layer.borderWidth = 1.5f;//宽度

self.myHeadPortrait.layer.borderColor = [UIColor whiteColor].CGColor;//颜色

}

@end