源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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

  • 时间:2020-04-11 13:30 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:IOS定制属于自己的个性头像
本文实例介绍了IOS定制属于自己的个性头像的方法,分享给大家供大家参考,具体内容如下 [b]一、效果图 [/b]1、将一张图片剪切成圆形 2、在图片周围显示指定宽度和颜色的边框 [img]http://files.jb51.net/file_images/article/201601/2016110142827490.png?2016010142846[/img] [b]二、实现思路 [/b]1、效果图中主要由不同尺寸的两大部分组成 [list] [*][b]蓝色的背景区域,尺寸等于图片的尺寸加上边框的尺寸[/b][/*] [*][b]图片区域,尺寸等于图片的尺寸 [/b][/*] [/list] 2、绘制一个圆形背景区域,用边框颜色填充 3、绘制一个圆形的图片区域,设置不显示超出的部分 [b]三、实现步骤[/b] 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();
以上就是本文的全部内容,希望对大家的学习有所帮助。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部