寫在前面
我們肯定做過這樣的需求,給一個圖片切圓角,
當然我們大多采用簡單粗暴的方法
myIcon.layer.cornerRadius = 16.5
myIcon.layer.masksToBounds = true
如果是靜態的頁面也無關緊要,要是可以滑動的頁面,
有很多需要裁剪的圖片,那麼就要考慮性能了。接下來的方法就是其中一種不錯的方法,
此代碼已經上傳到githup[DDGScreenShot](https://github.com/dudongge/DDGScreenShot)
歡迎查看[DDGScreenShot](https://github.com/dudongge/DDGScreenShot)
當然這只是這個庫的功能的一小部分
想看更多功能,可以去github上下載,如果對您有幫助,希望您不吝給個star.
功能代碼如下:
所有功能演示
具體代碼
1,採用UIBezierPath繪製路徑的方法
let image = UIImage(named: imageName)
//開啓上下文
UIGraphicsBeginImageContext((image?.size)!)
//設置一個圓形的裁剪區域
let path = UIBezierPath(ovalIn: CGRect(x: 0,
y: 0,
width: (image?.size.width)!,
height: (image?.size.height)!))
//把路徑設置爲裁剪區域(超出裁剪區域以外的內容會被自動裁剪掉)
path.addClip()
//把圖片繪製到上下文當中
image?.draw(at: CGPoint.zero)
//從上下文當中生成一張圖片
let newImage = UIGraphicsGetImageFromCurrentImageContext()
//關閉上下文
UIGraphicsEndImageContext()
newImage 就是我們需要的圖片
可能你會懷疑性能,好,可以,我們放在子線程裏進行,代碼如下
DispatchQueue.global().async{
//將上述代碼發放進去即可
let image = UIImage(named: imageName)
//開啓上下文
UIGraphicsBeginImageContext((image?.size)!)
//設置一個圓形的裁剪區域
let path = UIBezierPath(ovalIn: CGRect(x: 0,
y: 0,
width: (image?.size.width)!,
height: (image?.size.height)!))
//把路徑設置爲裁剪區域(超出裁剪區域以外的內容會被自動裁剪掉)
path.addClip()
//把圖片繪製到上下文當中
image?.draw(at: CGPoint.zero)
//從上下文當中生成一張圖片
let newImage = UIGraphicsGetImageFromCurrentImageContext()
//關閉上下文
UIGraphicsEndImageContext()
DispatchQueue.main.async(execute: {
//拿到 newImage 到主線程更新UI
completed(newImage)
})
}
似乎已經完美的解決了這個問題,可是截取圓角固定的圓角該怎麼辦呢,繼續往下看,代碼如下
/**
** 用異步繪圖方式將圖片進行任意圓角裁剪
- imageName --傳頭頭像名稱
- cornerRadius --傳頭頭像名稱
*/
public func tailoringImage(_ imageName: String,withRadius radius: CGFloat) -> UIImage? {
let image = UIImage(named: imageName)
if image == nil {
return UIImage()
}
//開啓上下文
UIGraphicsBeginImageContext((image?.size)!)
//設置一個圓形的裁剪區域
let path = UIBezierPath(roundedRect: CGRect(x: 0,
y: 0,
width: (image?.size.width)!,
height: (image?.size.height)!), cornerRadius: radius)
//把路徑設置爲裁剪區域(超出裁剪區域以外的內容會被自動裁剪掉)
path.addClip()
//把圖片繪製到上下文當中
image?.draw(at: CGPoint.zero)
//從上下文當中生成一張圖片
let newImage = UIGraphicsGetImageFromCurrentImageContext()
//關閉上下文
UIGraphicsEndImageContext()
return newImage
}
當然也可以在子線程中進行
/**
** 用異步繪圖方式將圖片進行任意圓角裁剪
- imageName --傳頭頭像名稱
- cornerRadius --要設置圓角的大小
- parameter completed: 異步完成回調(主線程回調)
*/
public func async_tailoringImage(_ imageName: String,withRadius radius: CGFloat,completed:@escaping (UIImage?) -> ()) -> Void {
DispatchQueue.global().async{
let newImage = self.tailoringImage(imageName, withRadius: radius)
DispatchQueue.main.async(execute: {
completed(newImage)
})
}
}
上圖片
結束語
總算大功告成,此代碼已經上傳到githup[DDGScreenShot](https://github.com/dudongge/DDGScreenShot)
[link](https://github.com/dudongge/DDGScreenShot)
當然這只是這個庫的功能的一小部分
想看更多功能,可以去github上下載,如果對您有幫助,希望您不吝給個star.
歡迎查看DDGScreenShot