Swift缩放并填充图片功能的实现

 更新时间:2021年11月02日 11:56:24   作者:我为双鱼狂  
最近有一个需求,就是将图片先等比例缩放到指定大小,然后将空余出来空间填充为黑色,返回指定大小的图片。本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧
(福利推荐:【腾讯云】服务器最新限时优惠活动,云服务器1核2G仅99元/年、2核4G仅768元/3年,立即抢购>>>:9i0i.cn/qcloud

(福利推荐:你还在原价购买阿里云服务器?现在阿里云0.8折限时抢购活动来啦!4核8G企业云服务器仅2998元/3年,立即抢购>>>:9i0i.cn/aliyun

摘要

直接操作图片来实现它的缩放或者填充多余空间,首选 UIGraphicsBeginImageContext 函数来实现,它就相当于一个画布,你甚至可以用它来涂鸦。

最近有一个需求,就是将图片先等比例缩放到指定大小,然后将空余出来空间填充为黑色,返回指定大小的图片。

这种直接操作图片的需求,就要考虑使用 UIGraphicsBeginImageContext 函数实现。它可以理解为一个画布,我们只需要把图片放在画布的对应位置,把画布的多余地方全部涂成黑色就完成。

实现

先看代码,然后再分析:

func rescaleAndPading(_ image: UIImage, targetSize: CGSize) -> UIImage? {
        let max = max(image.width, image.height)
        let ratio = Float(targetSize.width) / Float(max)
        
        let (newWidth, newHeight) = (
 
            Int(Float(image.width) * ratio),
            Int(Float(image.height) * ratio)
        )
        
        let (tarWidth, tarHeight) = (
            
            Int(targetSize.width),
            Int(targetSize.height)
        )
        
        let deltaW = tarWidth - newWidth
        let deltaH = tarHeight - newHeight
        
        let (y, x) = (
            
            deltaH / 2,
            deltaW / 2
        )
        
        // 创建绘图上下文环境
        UIGraphicsBeginImageContext(targetSize)
        let context = UIGraphicsGetCurrentContext()
        // 黄色背景
        context?.setFillColor(UIColor.yellow.cgColor)
        context?.fill(CGRect(x: 0, y: 0, width: tarWidth, height: tarHeight))
        image.draw(in: CGRect(x: x, y: y, width: newWidth, height: newHeight))
        // 获取上下文里的内容,将视图写入到新的图像对象
        let newImage = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()
        return newImage
    }

看代码,总结出逻辑很简单,就是首先根据目标的 size 来计算出需要缩放的比例(按照最大边来处理),计算出图片在画布中的对应位置和缩放后的宽高。

最后就是重头戏,调用 UIGraphicsBeginImageContext 来绘画。这里要留意几个参数的设置:

  • UIGraphicsBeginImageContext(targetSize) 中的 targetSize 是设置画布的大小。
  • image.draw(in:) 是图片在画布中的 rect 。
  • context 是画布的对象
  • context?.setFillColor(_) 是设置画布的颜色,若不设置,默认为 black(黑色)
  • context?.fill()是设置画布填充的 rect。

重点

如果是前面留意逻辑时,会发现逻辑中是先放置图片,然后填充空余空间,但是代码中是先填充全部空间,然后再放置图片,这是为什么?

经过测试后发现,后绘制的区域会覆盖掉先前已经绘制的区域,所以代码中的处理就是防止填充区域覆盖图片区域。

到此这篇关于Swift缩放并填充图片功能的实现的文章就介绍到这了,更多相关Swift缩放填充图片内容请搜索程序员之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持程序员之家!

相关文章

  • Swift中初始化init的方法小结

    Swift中初始化init的方法小结

    Swift有着超级严格的初始化方法,不仅强化了designated初始化方法的地位,所有不加修饰的init方法都需要在方法中确保非Optional的实例变量被赋值初始化,下面这篇文章主要给大家介绍了关于Swift中初始化init的相关资料,需要的朋友可以参考下。
    2018-04-04
  • Swift实现JSON转Model的方法及HandyJSON使用讲解

    Swift实现JSON转Model的方法及HandyJSON使用讲解

    这篇文章给大家介绍了Swift实现JSON转Model的方法及HandyJSON使用讲解,非常不错,具有参考借鉴价值,需要的朋友参考下吧
    2017-07-07
  • swift实现颜色渐变以及转换动画

    swift实现颜色渐变以及转换动画

    这篇文章主要为大家详细介绍了swift实现颜色渐变以及转换动画,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-01-01
  • 理解二叉堆数据结构及Swift的堆排序算法实现示例

    理解二叉堆数据结构及Swift的堆排序算法实现示例

    二插堆即是完全二叉树,对于排序可以按构建最大堆或最小堆的方式来实现,这里我们就来共同理解二叉堆数据结构及Swift的堆排序算法实现示例
    2016-07-07
  • Swift教程之类的析构详解

    Swift教程之类的析构详解

    这篇文章主要介绍了Swift教程之类的析构详解,在一个类的实例被释放之前,析构函数会被调用,本文即讲解了析构过程原理、析构器操作等内容,需要的朋友可以参考下
    2015-01-01
  • Swift实现快速排序算法的代码示例

    Swift实现快速排序算法的代码示例

    这篇文章主要介绍了Swift实现快速排序算法的代码示例,首先利用分治法讲解了快速排序的思路,需要的朋友可以参考下
    2016-07-07
  • swift 字符串String的使用方法

    swift 字符串String的使用方法

    这篇文章主要介绍了swift 字符串String的使用方法的相关资料,需要的朋友可以参考下
    2017-06-06
  • Swift 图表使用Foudation库中测量类型详解

    Swift 图表使用Foudation库中测量类型详解

    这篇文章主要为大家介绍了Swift 图表使用Foudation库中测量类型详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-10-10
  • 深入解析Swift语言编程中的可选链

    深入解析Swift语言编程中的可选链

    这篇文章主要介绍了深入解析Swift语言编程中的可选链,是Swift入门学习中的基础知识,需要的朋友可以参考下
    2015-11-11
  • Swift方法调度之类的普通方法底层探究

    Swift方法调度之类的普通方法底层探究

    这篇文章主要介绍了Swift-方法调度-类的普通方法底层探究,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2021-11-11

最新评论

?


http://www.vxiaotou.com