관리 메뉴

김종권의 iOS 앱 개발 알아가기

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

iOS 응용 (swift)

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

jake-kim 2022. 12. 19. 23:13

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

 

Comments