首页 > 系统 > iOS > 正文

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

2020-02-19 15:56:39
字体:
来源:转载
供稿:网友

  本篇文章主要介绍了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怎么定制一个属于自己的个性头像全部内容介绍了,希望小编整理的相关知识和资料都对你们有所帮助,更多内容请继续关注武林技术频道网站!

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表