[swift] SDWebImage를 사용하여 이미지 다운로드 중에 이미지에 특정 도형을 그리는 방법은 무엇인가요?

28 Nov 2023

swift

SDWebImage는 이미지 다운로드와 캐싱을 처리하는 강력한 라이브러리입니다. 이 라이브러리를 사용하면 원격 URL에서 이미지를 다운로드하여 UIImageView에 표시할 수 있습니다. 그러나 특정 도형을 이미지 위에 그리려면 추가적인 작업이 필요합니다.

다음은 이미지에 원 모양을 그리는 예제 코드입니다. 원의 위치와 크기를 정의한 후 해당 정보를 사용하여 이미지에 원을 그립니다.

import UIKit
import SDWebImage

class ViewController: UIViewController {
    
    @IBOutlet weak var imageView: UIImageView!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        let url = URL(string: "YOUR_IMAGE_URL")
        
        imageView.sd_setImage(with: url) { [weak self] (image, error, cacheType, url) in
            if let image = image {
                self?.imageView.image = self?.addCircleOverlay(to: image)
            }
        }
    }
    
    private func addCircleOverlay(to image: UIImage) -> UIImage {
        UIGraphicsBeginImageContextWithOptions(image.size, false, UIScreen.main.scale)
        image.draw(at: .zero)
        
        let circleRadius = min(image.size.width, image.size.height) / 2
        let circleCenter = CGPoint(x: image.size.width / 2, y: image.size.height / 2)
        
        let context = UIGraphicsGetCurrentContext()
        context?.setFillColor(UIColor.red.cgColor)
        
        context?.beginPath()
        context?.addArc(center: circleCenter, radius: circleRadius, startAngle: 0, endAngle: CGFloat.pi * 2, clockwise: true)
        context?.closePath()
        context?.fillPath()
        
        let resultImage = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()
        
        return resultImage ?? image
    }
}

이 예제 코드에서 YOUR_IMAGE_URL 부분을 사용자의 이미지 URL로 대체해야 합니다. addCircleOverlay 함수는 원의 위치 및 크기를 정의하고 현재 그래픽 컨텍스트에서 원을 그립니다. 마지막으로 그려진 이미지를 반환하여 원이 그려진 이미지로 대체합니다.

이와 같은 방식으로 SDWebImage와 UIKit 그리기 기능을 결합하여 이미지에 원 뿐만 아니라 다양한 도형을 그릴 수 있습니다.

참고 자료: