Image Rendering Mode

[Taehyeon-Kim]

Original Image vs Template Image

tintColor

UIImageView - Instance Property
뷰 계층에서 템플릿 이미지에 색조를 지정하는데 사용되는 컬러입니다.

var tintColor: UIColor! { get set }

default는 nil입니다. 만약 nil이 아니라면 컬러는 이미지 뷰에 첨부된 템플릿 이미지에 적용됩니다. 기본적으로 tintColor는 UIView가 가지고 있는 프로퍼티입니다. 상위가 되는 뷰의 tintColor를 변경하면 상속받는 하위 뷰에 차례대로 영향을 줄 수 있습니다.

override func viewDidLoad() {
    view.tintColor = UIColor.red
}

func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {
    // Override point for customization after application launch.
    window?.tintColor = UIColor.red

    return true
}

UIImage.RenderingMode

이미지에 대해 가능한 렌더링 모드를 지정하는 상수입니다.

• Enumeration (열거형)

enum RenderingMode : Int, @unchecked Sendable

렌더링 모드는 UIKit이 색상 정보를 사용하여 이미지를 표시하는 방법을 제어합니다. 렌더링 모드의 디폴트는 automatic입니다.

Original Image

case alwaysOriginal

let image = UIImage(named: "")?.withRenderingMode(. alwaysOriginal)

• 항상 원본 이미지를 그대로 사용해서 그립니다. (원본 색상을 사용합니다.)

Template Image

case alwaysTemplate

let image = UIImage(named: "")?.withRenderingMode(.alwaysTemplate)

• 이미지의 색상 정보를 무시하고 템플릿 이미지로 그립니다.
• 원본 이미지가 가지고 있는 컬러정보는 무시하고 지정한 tintColor로 색상이 적용됩니다.
• tintColor가 적용되는 부분은 이미지의 불투명한 부분입니다.

Asset에서 Rendering Mode를 직접 변경하는 방법

정리

이미지의 색상을 임의의 값으로 변경하고 싶다면 Rendering Mode를 .alwaysTemplate으로 변경하고 tintColor를 조정하면 됩니다.

[Taehyeon-Kim]

https://sarunw.com/posts/what-is-image-rendering-mode-in-ios/