UIImage编辑-生成圆角图

2024-02-08 05:20
文章标签 生成 编辑 圆角 uiimage

本文主要是介绍UIImage编辑-生成圆角图,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

iOS 图片的底层编辑framework还是很强大的,CoreGraphics。

实际中的应用案例:圆形的用户头像

一般头像是用UIImageView来显示

一种很古老的圆角方法为

UIImageView *imageView = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, 100, 100)];imageView.image = [UIImage imageNamed:@"123"];imageView.layer.cornerRadius = imageView.frame.size.width/2.0;imageView.layer.masksToBounds = YES;

其实很多人指出来了,这种方法会降低系统性能,触发离屏渲染。

其实,可以直接对image进行操作,将image切出圆角,然后传给imageView。

这里就涉及到对图片的操作。

首先创建一个图片画布,UIGraphicsBeginImageContextWithOptions(CGSize size, BOOL opaque, CGFloat scale);
size为你最终需要的图片大小,第二个参数是表示是否透明。第三个参数比较特殊,缩放因子,这个需要注意,因为他的设置可能会影响到后面的图片质量。

其实还有一种默认的画布创建方法,UIGraphicsBeginImageContext(),等同于 UIGraphicsBeginImageContextWithOptions(size, NO, 1.0)。
如果在这个画布上对图片进行缩放操作,会导致缩小的图片变的更加模糊。问题就出在scale上。因为scale是1.0,而retina屏幕的像素肯定不是一倍像素,所以我们需要手动处理scale,用 UIGraphicsBeginImageContextWithOptions(size, NO, 0.0)这个方法去作图。0.0的意思就是自动调整缩放因子以适配显示屏,无论是Retina屏,还是普通屏,都可以清晰呈现。

创建好画布后,需要在画布上画出圆形的轨迹,用于剪切将要处理的图片。用Bezier曲线在画布上创建一个最大的内切圆轨迹。

    UIBezierPath *cornerPath = [UIBezierPath bezierPathWithRoundedRect:CGRectMake(0,0,size.width,size.height) byRoundingCorners:rectCornerType cornerRadii:cornerRadii];

或者

CGRect rect = CGRectMake(0, 0, size.width, size.height);UIBezierPath *path = [UIBezierPath bezierPathWithOvalInRect:rect];

然后需要根据path来clip

    [path addClip];

UIBezierPath中的addClip功能:

This method modifies the visible drawing area of the current graphics context. After calling it, subsequent drawing operations result in rendered content only if they occur within the fill area of the specified path.

简单的说,就是一个path调用addClip之后,它所在的context的可见区域就变成了它的“fill area”,接下来的绘制,如果在这个区域外都会被无视。

最后在画布上把待处理的image画上去

[self drawInRect:CGRectMake(0, 0,size.width, size.height)];

相当于把我们之前制作好的圆形path“模具”在image上切除圆形图片。

最后从画布上取出处理后的image

    UIImage *image = UIGraphicsGetImageFromCurrentImageContext();

关闭画布

    UIGraphicsEndImageContext();

当然,这样处理图片的前提是,他是正方形。

如果是非正方形,比如矩形之类的。我们裁取矩形内最大的正方形的内切圆。这话比较拗口,就是先取矩形内最大的正方形,然后取这个正方形中最大的内切圆。

这个时候就需要做些位置上的调整。

首先,因为我们需要的是圆形头像,所以画布还是正方形的。这个时候如果矩形的图片画在画布上,会有部分伸出画布的区域。伸出的部分我们不需要,不用管。

draw image的时候就需要注意了,在哪个位置画。例如图片的长度大于宽度的时候,为了保证切到图片的正中央,原来的图片draw的坐标为(0,0),这时候需要将图片往左移动(-n,0),n为画布的长度减去图片长度然后除以2。

打个比方,圆形的Bezier曲线path是一个圆形的铁框,然后要剪切的图片为一块豆腐,豆腐长度比铁框半径大,所以需要把豆腐往作移动,然后往下一按,再取出铁框里的圆形豆腐,就是我们需要的结果。→_→

剪切示例图

这篇关于UIImage编辑-生成圆角图的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!


原文地址:https://blog.csdn.net/u013883974/article/details/54377503
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.chinasem.cn/article/690017

相关文章

Python从Word文档中提取图片并生成PPT的操作代码

《Python从Word文档中提取图片并生成PPT的操作代码》在日常办公场景中,我们经常需要从Word文档中提取图片,并将这些图片整理到PowerPoint幻灯片中,手动完成这一任务既耗时又容易出错,... 目录引言背景与需求解决方案概述代码解析代码核心逻辑说明总结引言在日常办公场景中,我们经常需要从 W

C#使用Spire.XLS快速生成多表格Excel文件

《C#使用Spire.XLS快速生成多表格Excel文件》在日常开发中,我们经常需要将业务数据导出为结构清晰的Excel文件,本文将手把手教你使用Spire.XLS这个强大的.NET组件,只需几行C#... 目录一、Spire.XLS核心优势清单1.1 性能碾压:从3秒到0.5秒的质变1.2 批量操作的优雅

Python使用python-pptx自动化操作和生成PPT

《Python使用python-pptx自动化操作和生成PPT》这篇文章主要为大家详细介绍了如何使用python-pptx库实现PPT自动化,并提供实用的代码示例和应用场景,感兴趣的小伙伴可以跟随小编... 目录使用python-pptx操作PPT文档安装python-pptx基础概念创建新的PPT文档查看

在ASP.NET项目中如何使用C#生成二维码

《在ASP.NET项目中如何使用C#生成二维码》二维码(QRCode)已广泛应用于网址分享,支付链接等场景,本文将以ASP.NET为示例,演示如何实现输入文本/URL,生成二维码,在线显示与下载的完整... 目录创建前端页面(Index.cshtml)后端二维码生成逻辑(Index.cshtml.cs)总结

Python实现数据可视化图表生成(适合新手入门)

《Python实现数据可视化图表生成(适合新手入门)》在数据科学和数据分析的新时代,高效、直观的数据可视化工具显得尤为重要,下面:本文主要介绍Python实现数据可视化图表生成的相关资料,文中通过... 目录前言为什么需要数据可视化准备工作基本图表绘制折线图柱状图散点图使用Seaborn创建高级图表箱线图热

SQLServer中生成雪花ID(Snowflake ID)的实现方法

《SQLServer中生成雪花ID(SnowflakeID)的实现方法》:本文主要介绍在SQLServer中生成雪花ID(SnowflakeID)的实现方法,文中通过示例代码介绍的非常详细,... 目录前言认识雪花ID雪花ID的核心特点雪花ID的结构(64位)雪花ID的优势雪花ID的局限性雪花ID的应用场景

Django HTTPResponse响应体中返回openpyxl生成的文件过程

《DjangoHTTPResponse响应体中返回openpyxl生成的文件过程》Django返回文件流时需通过Content-Disposition头指定编码后的文件名,使用openpyxl的sa... 目录Django返回文件流时使用指定文件名Django HTTPResponse响应体中返回openp

python生成随机唯一id的几种实现方法

《python生成随机唯一id的几种实现方法》在Python中生成随机唯一ID有多种方法,根据不同的需求场景可以选择最适合的方案,文中通过示例代码介绍的非常详细,需要的朋友们下面随着小编来一起学习学习... 目录方法 1:使用 UUID 模块(推荐)方法 2:使用 Secrets 模块(安全敏感场景)方法

Python实现自动化Word文档样式复制与内容生成

《Python实现自动化Word文档样式复制与内容生成》在办公自动化领域,高效处理Word文档的样式和内容复制是一个常见需求,本文将展示如何利用Python的python-docx库实现... 目录一、为什么需要自动化 Word 文档处理二、核心功能实现:样式与表格的深度复制1. 表格复制(含样式与内容)2

python如何生成指定文件大小

《python如何生成指定文件大小》:本文主要介绍python如何生成指定文件大小的实现方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录python生成指定文件大小方法一(速度最快)方法二(中等速度)方法三(生成可读文本文件–较慢)方法四(使用内存映射高效生成