欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Swift縮放并填充圖片功能的實現(xiàn)

 更新時間:2021年11月02日 11:56:24   作者:我為雙魚狂  
最近有一個需求,就是將圖片先等比例縮放到指定大小,然后將空余出來空間填充為黑色,返回指定大小的圖片。本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友參考下吧

摘要

直接操作圖片來實現(xiàn)它的縮放或者填充多余空間,首選 UIGraphicsBeginImageContext 函數(shù)來實現(xiàn),它就相當于一個畫布,你甚至可以用它來涂鴉。

最近有一個需求,就是將圖片先等比例縮放到指定大小,然后將空余出來空間填充為黑色,返回指定大小的圖片。

這種直接操作圖片的需求,就要考慮使用 UIGraphicsBeginImageContext 函數(shù)實現(xiàn)。它可以理解為一個畫布,我們只需要把圖片放在畫布的對應位置,把畫布的多余地方全部涂成黑色就完成。

實現(xiàn)

先看代碼,然后再分析:

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
        )
        
        // 創(chuàng)建繪圖上下文環(huán)境
        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))
        // 獲取上下文里的內(nèi)容,將視圖寫入到新的圖像對象
        let newImage = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()
        return newImage
    }

看代碼,總結出邏輯很簡單,就是首先根據(jù)目標的 size 來計算出需要縮放的比例(按照最大邊來處理),計算出圖片在畫布中的對應位置和縮放后的寬高。

最后就是重頭戲,調(diào)用 UIGraphicsBeginImageContext 來繪畫。這里要留意幾個參數(shù)的設置:

  • UIGraphicsBeginImageContext(targetSize) 中的 targetSize 是設置畫布的大小。
  • image.draw(in:) 是圖片在畫布中的 rect 。
  • context 是畫布的對象
  • context?.setFillColor(_) 是設置畫布的顏色,若不設置,默認為 black(黑色)
  • context?.fill()是設置畫布填充的 rect。

重點

如果是前面留意邏輯時,會發(fā)現(xiàn)邏輯中是先放置圖片,然后填充空余空間,但是代碼中是先填充全部空間,然后再放置圖片,這是為什么?

經(jīng)過測試后發(fā)現(xiàn),后繪制的區(qū)域會覆蓋掉先前已經(jīng)繪制的區(qū)域,所以代碼中的處理就是防止填充區(qū)域覆蓋圖片區(qū)域。

到此這篇關于Swift縮放并填充圖片功能的實現(xiàn)的文章就介紹到這了,更多相關Swift縮放填充圖片內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!

相關文章

最新評論