ios 裁剪框大小_IOS UIimageView裁剪

释放双眼，带上耳机，听听看~！

一、效果图

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 裁剪框大小_IOS UIimageView裁剪相关推荐

ios 裁剪框大小_iOS实现裁剪框和图片剪裁功能
这篇文章主要为大家详细介绍了iOS实现裁剪框和图片剪裁功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下图片处理中经常用的图片剪裁,就是通过剪裁框确定图片剪裁的区域,然后剪去该区域的图片,今天实现 ...
ios 裁剪框大小_ios 图片裁剪修改尺寸的方法总结
目前使用过的图片裁剪方法 1.等比例压缩裁剪出的图片是以asize最小值为边框的正方形图片 //修改图片尺寸同比缩放 + (UIImage*)thumbnailWithImageWithoutSca ...
ios 裁剪框大小_iOS自定义裁剪图片比例尺寸,图片自动旋转解决办法
最近因做直播项目需要,要求上传直播的一个Cover页需要自定义裁剪图片的尺寸及比例,因为imagePicker只有一个imagePicker.allowsEditing这么个属性,但是这个属性设置之后 ...
ios 裁剪框大小_ios 裁剪框大小_PS裁剪工具的使用，简单明了，学会了不求人，再也不用上百度查了......
大家好,我是小新疆.今天继续给大家分享Photoshop的知识,小伙伴们快搬来小板凳准备好本本和笔,我们要开始啦.看完要去练习呦.分享是一种美德,关注是一种鼓励!要是喜欢小新疆的分享记得点关注呦!每日 ...
ios 裁剪圆形头像_iOS中裁剪圆形头像
- (void)clipImage { // 0.加载图片 UIImage *image = [UIImage imageNamed:@"阿狸头像"]; // 1.开启位图上下文, ...
ios 判断数字大小_iOS开发积累2
3.设备的CPU架构简介模拟器: 4s~5 : i386 5s~6plus : x86_64 真机: 3gs~4s : armv7 5~5c : armv7s (静态库只要支持了armv7,就可以跑 ...
android 半透明裁剪框截取图片头像
申明:本文部分内容为网络相关资料整理,并结合本人实际工作总结而成.请引用或者转载注明出处,对于文章内容有疑问请留言. 一.功能简介对于图片的裁剪操作,可能比较常见.但是在一些app中使用半透明裁剪框 ...
基于vue的图片裁剪框的实现
1.基于vue建设一个裁剪框全文附录我会放到最后,有需要的小伙伴自取 ## 1.1在没有添加图片的时候显示如上图的css样式 <label class="h-photo-left&q ...
android 仿微信头像裁剪,android 模仿微信头像裁剪
android 在android开发中经常会碰到修改头像的功能需求, 而在修改头像>中最难的部分就是在头像的裁剪功能.虽说网上一大堆裁剪的例子,但最重要的是要理解里面的实现原理,这样以后自己改起 ...

ios 裁剪框大小_IOS UIimageView裁剪

ios 裁剪框大小_IOS UIimageView裁剪相关推荐

最新文章

热门文章