이미지에 tintcolor 입히기 (+kingfisher)

개자이너님의 요구사항

(개발+디자이너 입니다 오해하지 마세요)

이게 뭔소린고 했더니, 아래와 같은 경우처럼

이미지가 하얀색일 때 경계선이 잘 안 보인다고 이미지 앞쪽에 살짝 색깔을 입혀주라는 것이었다.

 

찾아보았더니 아요에서는 tintcolor 를 지정해주면 된다.

foreground라고 하신거 보면 안드에서는 foreground color 인가? 

 

 

일반적으로 이미지에 tintcolor를 정해주는 코드는 다음과 같다.

원하는 틴트 컬러를 지정해주고, renderingmode를 always로 해주면 이미지 앞에 씌워진다.

(렌더링 모드는 여러가지가 있다.)

self.image = UIImage().withTintColor(.black_5, renderingMode: .alwaysTemplate)

 

 

그러나 나는 서버에서 이미지를 가져올 때 킹피셔를 사용한다.

kinfisher에서는 어떻게 쓸까!

let processor = TintImageProcessor(tint: .black_5)
self.image.kf.setImage(with: URL(string: image), placeholder: UIImage(), options: [.processor(processor)])

이렇게 쓴다.

 

참고: https://1consumption.github.io/posts/about-kingfisher(2)/ 

개린이의 관점에서 Kingfisher 살펴보기(2) - Kingfisher의 주요 기능