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

这篇文章主要为大家介绍了IOS定制属于自己的个性头像,实现方法很简单,感兴趣的小伙伴们可以参考一下

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

一、效果图
1、将一张图片剪切成圆形
2、在图片周围显示指定宽度和颜色的边框

二、实现思路
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开发中使用storyboard创建导航控制器的方法,包括对控制器声明周期的控制介绍,代码基于传统的Objective-C,需要的朋友可以参考下
这篇文章主要介绍了讲解iOS开发中UITableView列表设计的基本要点,其中对列表行操作的常用操作举例是iOS开发中经常用到的基础,需要的朋友可以参考下
这篇文章主要介绍了Objective-C处理空字符串和页面传值及自定义拷贝的相关方法,在iOS应用项目开发中经常会用到,需要的朋友可以参考下
如果说自动布局解救了多屏幕适配,那众多三方库的出现就解救了系统自动布局的写法。Masonry就是其中一个。用法上也比较简单灵活,很大程度上替代了传统的NSLayoutConstraint布局方式。下面我们就来具体探讨下吧
这篇文章主要介绍了百度云推送图文教程IOS 的相关资料,需要的朋友可以参考下
这篇文章主要介绍了iOS开发中使app获取本机通讯录的实现代码实例,主要用到了AddressBook.framework和AddressBookUI.framework,代码基于传统的Objective-C,需要的朋友可以参考下