[iOS - Swift] UIImage RenderingMode 개념 (automatic, alwaysOriginal, alwaysTemplate, withRenderingMode)

UIImage RenderingMode 이란

• UIImage의 값을 원본과 같이 색상이 있는것으로 표현할것인지, 원본 색상을 지운 형태만 가져갈것인지 선택
  • automatic: 컨텍스트의 기본 모드를 선택하며 지정해주지 않을 경우 디폴트 값 (보통 alwaysOriginal)
  • alwaysOriginal: 원본 색상사용
  • alwaysTemplate: 원본 이미지의 색상을 없애고 tintColor만 남기는 옵션

@available(iOS 7.0, *)
public enum RenderingMode : Int, @unchecked Sendable {
    case automatic = 0
    case alwaysOriginal = 1
    case alwaysTemplate = 2
}

• 사용 방법
  • UIImage의 withRenderingMode 메소드를 사용

private let imageView: UIImageView = {
    let view = UIImageView()
    view.image = UIImage(named: "myImage")?.withRenderingMode(.automatic) // <-
    view.translatesAutoresizingMaskIntoConstraints = false
    return view
}()

원본 이미지 준비

• 만약 원본 색상을 없애고 틴트 컬러만 적용한 경우

private let imageView: UIImageView = {
    let view = UIImageView()
    view.image = UIImage(named: "myImage")?.withRenderingMode(.alwaysTemplate)
    view.translatesAutoresizingMaskIntoConstraints = false
    return view
}()

원본 색상이 없어진 상태

• tintColor를 변경하고 싶은 경우, UIImageView의 tintColor를 사용하면 반영

private let imageView: UIImageView = {
    let view = UIImageView()
    view.image = UIImage(named: "myImage")?.withRenderingMode(.alwaysTemplate)
    view.tintColor = .red
    view.translatesAutoresizingMaskIntoConstraints = false
    return view
}()

red로 변경

* 전체 코드: https://github.com/JK0369/ExRenderingMode

* 참고

https://developer.apple.com/documentation/uikit/uiimage/renderingmode