本文实例介绍了ios定制属于自己的个性头像的方法，分享给大家供大家参考，具体内容如下
一、效果图
1、将一张图片剪切成圆形
2、在图片周围显示指定宽度和颜色的边框
二、实现思路
1、效果图中主要由不同尺寸的两大部分组成
- 蓝色的背景区域，尺寸等于图片的尺寸加上边框的尺寸
- 图片区域，尺寸等于图片的尺寸
2、绘制一个圆形背景区域，用边框颜色填充
3、绘制一个圆形的图片区域，设置不显示超出的部分
三、实现步骤
1、加载需要显示的图片
|
1
|
uiimage *image = [uiimage imagenamed:@"资源中图片的名字"]; |
2、初始化用到的变量
|
1
2
3
4
5
6
|
//图片的宽宽高cgfloat imagewh = image.size.width;//边界的宽度cgfloat border = 1;//背景区域的宽高cgfloat ovalwh = imagewh + 2 * border; |
3、开启图形上下文（尺寸为背景区域的尺寸）
|
1
2
3
4
|
//设置图形上下文的尺寸cgsize size = cgsizemake(ovalwh, ovalwh);//开启图形上下文uigraphicsbeginimagecontextwithoptions(size, no, 0); |
4、绘制背景区域
|
1
2
3
4
5
6
|
//绘制封闭的圆形路径uibezierpath *path = [uibezierpath bezierpathwithovalinrect:cgrectmake(0, 0, ovalwh, ovalwh)];//设置填充颜色[[uicolor bluecolor] set];//渲染所绘制的区域[path fill]; |
5、绘制图片区域
|
1
2
3
4
5
6
|
//绘制封闭的圆形区域uibezierpath *clippath = [uibezierpath bezierpathwithovalinrect:cgrectmake(border, border, imagewh, imagewh)];//设置超出区域的内容剪掉（不显示）[clippath addclip];//见图片绘制到圆形区域内，从点(border, border)开始[image drawatpoint:cgpointmake(border, border)]; |
6、从图形上下文中取出绘制的图片
|
1
|
uiimage *clipimage = uigraphicsgetimagefromcurrentimagecontext(); |
7、将图片显示到imageview上
|
1
|
self.imageview.image = clipimage; |
8、关闭图形上下文
|
1
|
uigraphicsendimagecontext(); |
以上就是本文的全部内容，希望对大家的学习有所帮助。
