时间:2021-05-20
本文实例介绍了IOS定制属于自己的个性头像的方法,分享给大家供大家参考,具体内容如下
一、效果图
1、将一张图片剪切成圆形
2、在图片周围显示指定宽度和颜色的边框
二、实现思路
1、效果图中主要由不同尺寸的两大部分组成
2、绘制一个圆形背景区域,用边框颜色填充
3、绘制一个圆形的图片区域,设置不显示超出的部分
三、实现步骤
1、加载需要显示的图片
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();以上就是本文的全部内容,希望对大家的学习有所帮助。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
经常会设计一个这样的功能,比如更改个性头像,这个个性头像最终需要上传到服务器的文件系统中,但是程序希望在用户选择后直接有个预览,然后用户才进行上传。这个功能技术
设计自己的头像的方法是: 1、选取自己喜欢的图片,然后运用如QQ截图等功能进行截图,截取自己需要的大小,然后保存即可成为自己的个性头像了。 2、可以运用软件
你的QQ空间还在用网络中提供的图片或是上传电脑中的照片那老套的操作步骤来做自己的空间头像吗?看着身边的朋友自己制作QQ空间个性头像,你是不是也会十分眼馋?现在我
你的QQ空间还在用网络中提供的图片或是上传电脑中的照片那老套的操作步骤来做自己的空间头像吗?看着身边的朋友自己制作QQ空间个性头像,你是不是也会十分眼馋?现在我
请精心做一个用精品宝贝(商品)照片集成的个性头像,其图片最好是动态的这样做推广不违规,而且一目了然,并长久使用,很多浏览者看到头像会非常感兴趣的点击率一定会