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

 更新时间:2016年01月10日 14:34:24   作者:世俗孤岛  
这篇文章主要为大家介绍了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();

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

相关文章

  • iOS10 widget实现3Dtouch 弹出菜单

    iOS10 widget实现3Dtouch 弹出菜单

    这篇文章主要介绍了 iOS10 widget实现3Dtouch 弹出菜单的相关资料,需要的朋友可以参考下
    2016-12-12
  • 仅几行iOS代码限制TextField输入长度

    仅几行iOS代码限制TextField输入长度

    这篇文章主要为大家详细介绍了通过几行iOS代码限制TextField输入长度的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-09-09
  • iOS中NSThread使用示例详解

    iOS中NSThread使用示例详解

    这篇文章主要为大家介绍了iOS中NSThread使用示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-10-10
  • IOS开发 UIAlertController详解及实例代码

    IOS开发 UIAlertController详解及实例代码

    这篇文章主要介绍了 IOS开发 UIAlertController详解及实例代码的相关资料,需要的朋友可以参考下
    2016-12-12
  • 简单好用可任意定制的iOS Popover气泡效果

    简单好用可任意定制的iOS Popover气泡效果

    Popover(气泡弹出框/弹出式气泡/气泡)是由一个矩形和三角箭头组成的弹出窗口,箭头指向的地方通常是导致Popover弹出的控件或区域。本文通过实例代码给大家介绍了iOS Popover气泡效果,需要的朋友参考下吧
    2017-12-12
  • 关于ios配置微信config出现验签失败的问题解决

    关于ios配置微信config出现验签失败的问题解决

    这篇文章主要介绍了关于ios配置微信config出现验签失败的问题解决方案,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2021-04-04
  • iOS 截取字符串中两个指定字符串中间的字符串方法

    iOS 截取字符串中两个指定字符串中间的字符串方法

    下面小编就为大家分享一篇iOS 截取字符串中两个指定字符串中间的字符串方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-03-03
  • iOS 弹幕功能的实现思路图解

    iOS 弹幕功能的实现思路图解

    这篇文章主要介绍了iOS 弹幕功能的实现思路图文详解,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-07-07
  • iOS使用原生AVCapture系列

    iOS使用原生AVCapture系列

    这篇文章主要为大家详细介绍了iOS使用原生AVCapture系列的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-10-10
  • iOS实现拼图小游戏

    iOS实现拼图小游戏

    这篇文章主要为大家详细介绍了iOS实现拼图小游戏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-03-03

最新评论