티스토리 뷰

[ios] 이미지에 tintColor 적용하기


안녕하세요. 오늘은 이미지 TintColor를 적용해보려 합니다. 제가 왜 이미지에 TintColor를 적용시키게 되었냐면 제가 진행중인 프로젝트에서 받아온 아이콘을 이미지로 사용하는데 프로젝트 전체적인 색에 맞추어 아이콘의 색도 바꿔주어야 했기 때문에 그 방법에 대해 알아보고 기록하고자 이렇게 포스팅을 합니다.

 

그럼 본격적으로 시작해보도록 하겠습니다.


TintColor?

우선 TintColor가 무엇인지 알아보겠습니다. TintColor는 시각적으로 화면 상의 어떤 요소가 현재 활성화되었는지를 보여주는 요소입니다. 예를 들어 NavigationBar의 아이템의 Refresh 버튼이나 Back 버튼을 누르면 단순히 눌리기만 하는 것이 아니라 눌렀을 때는 흰색으로 변했다가 때면 다시 원래의 색으로 돌아오는 것을 확인하실 수 있습니다. 이런 효과를 가능케 하는 것이 바로 TintColor입니다.

 

기본적으로 TintColor는 UIView의 프로퍼티로 존재합니다. 그렇기 때문에 UIView를 상속받는 뷰들은 다음과 같이 TintColor를 적용시킬 수 있습니다.



UIImage TintColor

하지만 저처럼 UIImage에 TintColor를 적용하기 위해서는 약간은 다른 방법이 필요합니다.


  • 이미지의 렌더링 모드를 .alwaysTemplate으로 바꿔 후 요소를 적용시킬 수 있게끔 합니다.

이미지에 TintColor를 적용시키기 위해서는 위와 같은 코드를 작성해주어야 합니다.


마무리

오늘은 이렇게 간단히 UIImage에 TintColor를 적용하는 법에 대해 알아보았습니다. 그럼 다음 포스팅에서 유익한 정보와 함께 찾아뵙도록 하겠습니다. 감사합니다.


참고자료


  1. Apple - withRenderingMode(_:)
  2. iOS 7 Tutorial Series: Tint Color and Easy App Theming


공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2024/11   »
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
글 보관함