手机
当前位置:查字典教程网 >编程开发 >IOS开发 >IOS定制属于自己的个性头像
IOS定制属于自己的个性头像
摘要:本文实例介绍了IOS定制属于自己的个性头像的方法,分享给大家供大家参考,具体内容如下一、效果图1、将一张图片剪切成圆形2、在图片周围显示指定...

本文实例介绍了IOS定制属于自己的个性头像的方法,分享给大家供大家参考,具体内容如下

一、效果图

1、将一张图片剪切成圆形

2、在图片周围显示指定宽度和颜色的边框

IOS定制属于自己的个性头像1

二、实现思路

1、效果图中主要由不同尺寸的两大部分组成

蓝色的背景区域,尺寸等于图片的尺寸加上边框的尺寸 图片区域,尺寸等于图片的尺寸

2、绘制一个圆形背景区域,用边框颜色填充

3、绘制一个圆形的图片区域,设置不显示超出的部分

三、实现步骤

1、加载需要显示的图片

UIImage *image = [UIImage imageNamed:@"资源中图片的名字"];

2、初始化用到的变量

//图片的宽宽高 CGFloat imageWH = image.size.width; //边界的宽度 CGFloat border = 1; //背景区域的宽高 CGFloat ovalWH = imageWH + 2 * border;

3、开启图形上下文(尺寸为背景区域的尺寸)

//设置图形上下文的尺寸 CGSize size = CGSizeMake(ovalWH, ovalWH); //开启图形上下文 UIGraphicsBeginImageContextWithOptions(size, NO, 0);

4、绘制背景区域

//绘制封闭的圆形路径 UIBezierPath *path = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(0, 0, ovalWH, ovalWH)]; //设置填充颜色 [[UIColor blueColor] set]; //渲染所绘制的区域 [path fill];

5、绘制图片区域

//绘制封闭的圆形区域 UIBezierPath *clipPath = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(border, border, imageWH, imageWH)]; //设置超出区域的内容剪掉(不显示) [clipPath addClip]; //见图片绘制到圆形区域内,从点(border, border)开始 [image drawAtPoint:CGPointMake(border, border)];

6、从图形上下文中取出绘制的图片

UIImage *clipImage = UIGraphicsGetImageFromCurrentImageContext();

7、将图片显示到imageView上

self.imageView.image = clipImage;

8、关闭图形上下文

UIGraphicsEndImageContext();

以上就是本文的全部内容,希望对大家的学习有所帮助。

【IOS定制属于自己的个性头像】相关文章:

如何在自己的电脑上配置APNS推送环境

IOS多线程开发之线程的状态

IOS之构造方法与自定义构造方法的区别与实现

iOS开发中使用UILabel设置字体的相关技巧小结

IOS开发:如何挂起主线程

IOS开发:Xcode7中的一些调试技巧

iOS应用开发中UITableView的分割线的一些设置技巧

IOS仿今日头条滑动导航栏

iOS实现知乎和途家导航栏渐变的文字动画效果

iOS实现百度外卖头像波浪的效果

精品推荐
分类导航