본문 바로가기
프로그래밍 놀이터/iOS

[ios tutorial] UIImage RenderingMode ( Template Image )

by 돼지왕 왕돼지 2018. 1. 28.
반응형

 [ios tutorial] UIImage RenderingMode ( Template Image )


출처 :

https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/UIKitUICatalog/index.html#//apple_ref/doc/uid/TP40012857-UIView-SW7

https://developer.apple.com/library/ios/documentation/UIKit/Reference/UIImage_Class/#//apple_ref/c/tdef/UIImageRenderingMode

alpha value, alwaysoriginal, asset, automatic, background, CODE, default, Foreground, IMAGE, ImageView, IOS, iOS7, navigation bar, Original, rendering mode, renderingmode, segmented control, stencil, tab bar, template, template image, tint, tintColor, tool bar, UIImage, Webview, [ios tutorial] UIImage RenderingMode ( Template Image )


-

UIImageRenderingMode 는 3가지 형태가 있다.

     Automatic

     AlwaysOriginal

     Template



-

Template Image 는 iOS7 부터 등장했다.

Template 은 stencil 과 같다고 보면 되는데, 이 값이 적용되면 이미지의 색상 정보는 무시되고, image 의 alpha value 에 근거하여 tint 값을 먹인다.

alpha 값이 1.0 보다 작으면 완벽히 투명으로 여겨진다.

tine 값은 tintColor property 값에 매칭된다.



-

UIImage 의 기본 rendering mode 는 Automatic 이다.

Automatic 으로 설정되면 context 에 따라 template 으로 rendering 되기도 하고, original 로 rendering 되기도 한다.



-

Navigation bar, tab bar, toolbar, segmented control 의 foreground 이미지는 자동으로 template 이 되고,

background 이미지는 original 이 된다.


ImageView 나 WebView 등은 original 이 된다.



-

renderingMode 는 asset(xib의 property 설정창) 에서도 설정할 수 있고, 코드로도 설정할 수 있다.


UIImage* image = [UIImage imageNamed:@“myImage.png”];

image = [image imageWithRenderingMode:UIImageRenderingModeAlwaysTemplate];




반응형

댓글