ios_theme_guide_KR

Transcription

1 나만의테마만들기실제테마파일을만드시려면아래의절차를따라하시면됩니다. 1. 샘플테마또는프로젝트파일다운로드아이폰카카오톡테마는 CSS 포맷을확장해서설계되었으며, ios 기본속성에따라해당스타일을기술하여적용되도록구현되어있습니다. [ 카카오톡홈페이지 > 카카오톡사용자테마 ] 에 zip 파일의카카오톡샘플테마를제공해드리고있습니다. 원하시는샘플테마를다운로드받으세요. *CSS : 웹문서의전반적인스타일을미리저장해둔스타일시트 2. 카카오톡테마구성내용및주의사항 (1) KakaoTalk.css : 각스타일별로정의된타입에이미지와레이아웃및텍스트컬러등을포함하는내용을기술합니다. 해당파일이름은고정이며, 변경시테마가적용되지않습니다. (2).png 파일 (Images 디렉토리에포함되는이미지 ) : CSS 에기술된이미지파일 iphone 3gs 해상도의이미지와 iphone 4 이후를위한고해상도이미지둘다필요합니다. Retina 를덧붙여사용합니다. 예 ) 일반 (3gs 용 ) 이미지파일명이 bg.png 라면? iphone 3gs 용이미지명 : bg.png iphone 4, 4s(Retina) 용이미지명 : bg@2x.png (3) KakaoTalk.css 와 Images 디렉토리를압축한 zip 파일형태의파일을사용하며, 반드시확장자는.ktheme 로변경해주셔야합니다. 파일확장자를.ktheme 으로사용하지않을시앱에서인식하지못합니다. 3. 변경가능한리소스종류 ( 샘플기준 ) 테마기능을이용하여변경할수있는카카오톡리소스 ( 이미지및색상 ) 는아래와같습니다. * 아래의표는카카오톡샘플테마를기준으로작성되었으며변경할수있는모든리소스는 7. 참조를확인해주세요. 종류스타일명요소설명 네비게이션바 ( 상단타이틀 ) NavigationBarStyle1 ( 상단타이틀배경 ) ( 세로 45px 고정 ) NavigationItemTitleStyle1 ( 상단타이틀색상 ) ButtonStyle7-1 ( 상단타이틀우측버튼 ) 버튼 ( 세로 29px 고정 )

2 종류스타일명요소설명 ButtonStyle7-2 ( 상단타이틀우측버튼비활성화상태 ) 버튼 ( 세로 29px 고정 ) 투명도 ButtonStyle6-1 ( 상단타이틀좌측 (Back) 버튼 ) 버튼 ( 세로 29px 고정 ) ButtonStyle7-3 ( 상단타이틀우측버튼활성화상태 ) 버튼 ( 세로 29px 고정 ) 탭바 TabBarTitleStyle1 ( 하단탭영역 ) ( ) 투명도

3 종류스타일명요소설명 -ios-selected-textcolor 탭선택시 -ios-selected-textalpha 탭선택시텍스트투명도 -ios-selected-textshadow-color 탭선택시 -ios-selected-textshadow-alpha 탭선택시 -ios-selected-textshadow-offset 탭선택시 TabBarItemStyle1 ( 탭바이미지 ) 탭바버튼 (320x49 로사이즈고정 ) -ios-selectionindicator-image 탭바선택탭이미지 (78x44 로사이즈고정 ) -ios-friends-normalicon-image 친구탭아이콘이미지 (30x30 로고정 ) -ios-chats-normalicon-image 채팅탭아이콘이미지 (30x30 로고정 ) -ios-recommendeesnormal-icon-image 친구추천탭아이콘이미지 (30x30 로고정 ) -ios-more-normalicon-image 더보기탭아이콘이미지 (30x30 로고정 ) -ios-friends-selectedicon-image 친구탭선택아이콘이미지 (30x30 로고정 ) -ios-chats-selectedicon-image 채팅탭선택아이콘이미지 (30x30 로고정 ) -ios-recommendeesselected-icon-image 친구추천탭선택아이콘이미지 (30x30 로고정 ) -ios-more-selectedicon-image 더보기탭선택아이콘이미지 (30x30 로고정 ) 친구목록 BackgroundStyel3 ( 친구목록배경 ) 또는 background-color or 배경색상 (960x960 사이즈권장 ) SearchBarStyle1 ( 검색바 ) ( 세로 44px 고정 ) -ios-searchbartextfield-backgroundimage 검색입력박스 ( 세로 31px 고정 )

4 종류스타일명요소설명 -ios-searchbartextfield-leftviewimage 검색아이콘 (15x15 사이즈고정 ) TableViewSectionHeaderS tyle1 ( 친구목록섹션타이틀영역 ) -ios-text-margin 글자위치여백 TableViewCellStyle1-1 ( 친구목록셀영역 ) border-color -ios-normalbackground-color 셀영역하단 Border 색상 셀영역배경색상 -ios-normalbackground-alpha 셀영역배경색상투명도 -ios-selectedbackground-color 셀선택시영역배경색상 -ios-selectedbackground-alpha 셀선택시영역배경색상투명도 -ios-newcomerbackground-color 새친구셀영역배경색상 -ios-newcomerbackground- 새친구셀영역배경색상투명도 alpha -ios-highlight-textcolor 셀선택시 -ios-status-messagebackground-image 상태메시지 -ios-status-messagetext-color 상태메시지 -ios-status-messagetext- edgeinsets 상태메시지텍스트영역상 / 하, 좌 / 우여백조정값 채팅목록 BackgroundStyle4 ( 채팅목록배경 ) 또는 background-color or 배경색상 (960x960 사이즈권장 ) TableViewCellStyle2-1 ( 채팅목록셀영역 ) border-color 셀영역하단 Border 색상

5 종류 스타일명 요소 설명 ( 채팅목록셀영역 ) -ios-normalbackground-color 셀영역배경색상 -ios-normalbackground-alpha 셀영역배경색상투명도 -ios-selectedbackground-color 셀선택시영역배경색상 -ios-selectedbackground-alpha 셀선택시영역배경색상투명도 -ios-highlight-textcolor 셀선택시 -ios-time-text-color 시간 -ios-detail-text-color 마지막메세지 DefaultProfileStyle1 ( 대화방썸네일이미지 ) -ios-profile-smallimage 1:1 대화방썸네일이미지 (32x32 로사이즈고정 ) -ios-groupchat-smallimage 그룹대화방썸네일이미지 (32x32 로사이즈고정 ) -ios-profile-largeimage 큰썸네일이미지 (110x110 로사이즈고정 ) 친구추천목록 BackgroundStyel6 ( 친구목록배경 ) 또는 background-color or 배경색상 TableViewSectionHeaderS tyle2 -ios-text-margin 글자위치여백 더보기 MoreBackgroundStyle1 ( 친구목록배경 ) 또는 background-color or 배경색상 (960x960 사이즈권장 ) MoreCellStyle1 ( 더보기셀영역 ) border-color -ios-normalbackground-color 셀영역하단 Border 색상 셀영역배경색상 -ios-normalbackground-alpha 셀영역배경색상투명도

6 종류스타일명요소설명 -ios-selectedbackground-color 셀선택시영역배경색상 -ios-selectedbackground-alpha 셀선택시영역배경색상투명도 -ios-highlight-textcolor 셀선택시 MoreIconSetStyle1 ( 더보기아이콘 ) -ios-account-iconimage 카카오계정 (36x35 로고정 ) -ios-notice-iconimage 공지사항아이콘 (36x35 로고정 ) -ios-settings-iconimage 설정아이콘 (36x35 로고정 ) -ios-giftshop-iconimage 선물하기아이콘 (36x35 로고정 ) -ios-itemstore-iconimage 아이템스토어아이콘 (36x35 로고정 ) -ios-plusfriend-iconimage 플러스친구아이콘 (36x35 로고정 ) -ios-gamecenter-iconimage 게임하기아이콘 (36x35 로고정 ) 채팅방 BackgroundStyle5 ( 채팅방배경 ) 또는 background-color or 배경색상 (960x960 사이즈권장 ) ChatMessageCellStyle1 ( 내말풍선 ) -ios-title-edgeinsets 텍스트영역여백조정 -ios-image-edgeinsets 이미지영역여백조정 ChatMessageCellStyle2 ( 상대방말풍선 ) -ios-title-edgeinsets 텍스트영역여백조정 -ios-image-edgeinsets 이미지영역여백조정 ChatMessageCellUserNa melabelstyle1 ( 상대방말풍선의유저이름 )

7 종류스타일명요소설명 ChatInputBarStyle1 ( 메시지입력창 ) -ios-plus-icon-image (320x38 로사이즈고정 ) + 버튼이미지 (26x28 로사이즈고정 ) 이모티콘이미지 (26x28 로사이즈고정 ) 키보드이미지 (26x28 로사이즈고정 ) ios-title-edgeinsets 타이틀영역여백조정값 -ios-emoticon-iconimage -ios-keyboard-iconimage ChatInputBarSendButton NormalStyle1 ( 세로 28px 고정 ) ( 전송버튼 Normal / 활성화상태 ) ChatInputBarSendButton DisableStyle1 ( 세로 28px 고정 ) ( 전송버튼 Disable / 비활성화상태 ) ios-title-edgeinsets 타이틀영역여백조정값 미니프로필 MiniProfileBackgroundSty le1 ( 미니프로필배경 ) ( 세로 224px 고정 ) MiniProfileMenuBarBackg roundstyle1 ( 미니프로필메뉴바배경 ) ( 세로 54px ~100px 사이로고정 ) MiniProfileUserNameLabe lstyle1 ( 미니프로필사용자이름 )

8 종류스타일명요소설명 MiniProfileStatusMessage LabelStyle1 ( 미니프로필상태메시지 ) MiniProfilePhoneNumber ButtonStyle1 ( 미니프로필전화번호버튼 ) MiniProfileButtonStyle1 ( 미니프로필하단버튼 ) MiniProfilePlusFriendHom ebuttonstyle1 ( 미니프로필플러스친구홈바로가기버튼 ) MiniProfilePlusFriendCou ntstyle1 ( 플러스친구미니프로필친구숫자 ) MiniProfileMenuBarAcces sorystyle1 ( 미니프로필메뉴바오르쪽메뉴버튼 ) -ios-arrow-icon-image -ios-gift-icon-image -ios-favorite-on-iconimage -ios-favorite-off-iconimage -ios-edit-icon-image -ios-close-icon-image ( 세로 25px 고정 ) ( 세로 44px 고정 ) (128x38 사이즈고정 ) 화살표이미지 (7x11 사이즈고정 ) ( 세로 21px 고정 ) 선물하기아이콘이미지 (36x54 로사이즈고정 ) 즐겨찾기 On 아이콘이미지 (36x54 로사이즈고정 ) 즐겨찾기 Off 아이콘이미지 (36x54 로사이즈고정 ) 편집아이콘이미지 (36x54 로사이즈고정 ) 닫기아이콘이미지 (36x54 로사이즈고정 )

9 종류스타일명요소설명 암호입력 PasscodeBackgroundStyle 1 ( 암호입력화면배경 ) 또는 background-color or 배경색상 (960x960 사이즈권장 ) PasscodeTitleLabelStyle1 ( 암호입력 텍스트 ) PasscodeDescLabelStyle1 ( 안내문구텍스트 ) PasscodeBulletAndKeypa dstyle1 ( 암호입력박스 ) -ios-bullet-image -ios-bulletbackground-image 입력시 Dot 이미지 (55x54 로사이즈고정 ) Input 박스이미지 (55x54 로사이즈고정 ) PasscodeBulletAndKeypa dstyle1 ( 키패드이미지, Normal 상태 ) -ios-keypad-number0- normal-image ~ -ios-keypad-number9- normal-image Normal 상태시숫자 0~9 키패드 (110x54 로사이즈고정 ) -ios-keypad-backnormal-image Normal 상태시지우기키패드 (110x54 로사이즈고정 ) -ios-keypad-cancelnormal-image -ios-keypad-blanknormal-image -ios-keypad-number0- highlight-image ~ -ios-keypad-number9- normal-image Normal 상태시취소키패드 (110x54로사이즈고정 ) Normal 상태시공백키패드 (110x54로사이즈고정 ) Pressed 상태시숫자 0~9 키패드 (110x54로사이즈고정 ) -ios-keypad-backhighlight-image Pressed 상태시지우기키패드 (110x54 로사이즈고정 ) -ios-keypad-cancelhighlight-image Pressed 상태시취소키패드 (110x54 로사이즈고정 )

10 종류스타일명요소설명 Pressed 상태시공백키패드 (110x54 로사이즈고정 ) 4. CSS 키값정의 카카오톡에서사용되는각스타일별로정의된 CSS 키값입니다. 구분적용부분예 -ios-(prefix)-image ( 이미지를늘려서사용할경우기준점을명시 ) tip : 0px, 0px 로명시할경우이미지를 기준점에서늘리지않고확대처리 : url('default.png'); : url('btn_2_yellow_u.png') 40px 0px; background-color 배경색상 background-color: #65464b; border-color 테이블셀의하단 border 색상 border-color: #bbe4d5; -ios-(prefix)-text-color 글자색상 : #ffffff; -ios-(prefix)-text-alpha 글자투명도 (0.0~1.0) : 0.2; -ios-keypad-blankhighlight-image -ios-(prefix)-text-shadowoffset -ios-(prefix)-edgeinsets -ios-(prefix)-margin 글자그림자좌표 (x,y) 버튼타이틀영역의여백크기 (top, left, bottom, right) 테이블셀섹션헤더영역에여백크기 -ios-text-shadow-offset: 1px 1px; -ios-title-edgeinsets: 1px 1px 1px 1px; -ios-image-edgeinsets: 5px 6px 6px 10px; -ios-text-margin: 15px 0px; 5. 테마수정하기 샘플테마를다운로드하신후확장자를 *.ktheme 에서 zip 으로변경하시면압축을푸실수있습니다. 해당패키지의압축을푸신후에는 CSS 파일과 Images 디렉토리로구성이되어진것을확인하실수있습니다. 후에테마를제작하거나배포시에도수정후 zip 파일로압축을하신후확장자를.ktheme 로변경하셔야테마를정상적으로적용하실수있습니다. (1) 테마이름바꾸기 KakaoTalk.css 파일의최상단에있는 ManifestStyle 의요소에테마이름, 테마버전, 테마 URL, 제작자이름등붉은색으로표시된부분을자신이제작한테마에맞게수정하시면됩니다. 해당요소는카카오톡앱의 더보기 > 설정 > 테마설정 화면에그대로표시됩니다.

11 ManifestStyle { -kakaotalk-theme-name: url('softwork 테마 '); -kakaotalk-theme-version: url('1.0.0'); -kakaotalk-theme-url: url(' -kakaotalk-author-name: url('kakao Corp.'); } (2) 이미지수정하기상단의리소스표를참조하셔서, 변경하고자하는이미지를동일한파일명으로교체하실수있습니다. 아이폰확대가능한이미지사용하는방법 (a) stretchable image - css 에좌표를기술할때는 3gs 크기기준으로기술합니다. 늘릴수있는이미지로, 대표적인예가말풍선입니다. 이미지사이즈를최소로줄여주고, 앱의용량도줄여주며안드로이드의 9-patch 와비슷한개념입니다. 최소크기의한개이미지로다양한크기표현이가능하며, 좌표를지정해주면그점이외의공간은고정되며, 지정한좌표에해당하는이미지영역만늘어납니다. 좌표를가로, 세로모두지정한경우 : 해당경우는말풍선에만해당하며, 말풍선안에들어가는컨텐츠의양에따라서상하좌우로늘어납니다. 좌표를한쪽만지정한경우 : 보통가로사이즈만수치를입력하며세로사이즈를 0 으로입력하면고정되므로, 이미지가가로로만늘어납니다.

12 좌표를지정하지않는경우 ( 세로사이즈를강제하는경우 ) : 좌표를입력하지않아도, 해당이미지의가장가운데 1px 을늘어나는영역으로인식하고늘립니다. 가로로만늘어나며, 세로사이즈는반드시제시한사이즈로이미지를만들어야합니다. (b) 말풍선의텍스트영역 늘어나는좌표와는별개로말풍선안에텍스트가균형있게들어갈수있도록텍스트영역을지정해주어야합니다. 텍스트와말풍선의마진이상하좌우균형을이룰수있도록지정하는것이좋습니다. 6. 테마적용하기 (1) 사파리에서적용하기 (a) 테마수정이완료된후 KakaoTalk.css 파일과이미지파일들을 zip 파일로압축합니다. (b) zip 파일의확장자를.ktheme 로변경합니다. (c) ktheme 로압축된패키징파일을외부에서다운로드할수있는곳에올려주세요. ( 예 : 네이버 or 다음카페, 개인블로그등 ) (d) 업로드한 URL 을사파리에주소창에입력또는업로드된파일을클릭하시면카카오톡으로열기버튼이활성화됩니다.

13 (f) 카카오톡으로열기버튼을누르시면카카오톡이실행이되며테마가설치됩니다. (2) 아이튠즈동기화로적용하기 (a) 아이폰을컴퓨터와연결하신후파일공유목록에서카카오톡을선택합니다.

14 (b) 추가버튼을누르신후아이폰에업로드할테마파일을선택해주세요. (c) 해당테마업로드완료후동기화후에카카오톡을실행해주세요. 더보기 > 설정 > 테마설정 의좌측상단의 [ 불러오기 ] 버튼을클릭하시면테마가설치됩니다.

15 7. 참조 테마스타일전체 Spec 구분요소설명 ManifestStyle BackgroundStyle LabelStyle -kakaotalk-theme-name -kakaotalk-theme-version -kakaotalk-theme-url -kakaotalk-author-name (960x960 사이즈권장 ) -ios-text-shadow-offset -ios-text-shadow-color -ios-text-shadow-alpha 테마에대한기본정보. ( 테마목록에표시됨 ) ( 테마이름, 버젼, URL, 제작자이름 ) 화면 문자열의스타일지정 ( 글자색상, 투명도, 쉐도우스타일 ) ButtonStyle -ios-text-shadow-offset -ios-text-shadow-color -ios-text-shadow-alpha -ios-title-edgeinsets 버튼스타일지정 (, 글자색상, 글자투명도, 쉐도우스타일, 글자여백 )

16 TextFieldStyle (TextFieldStyle1 : 세로 54px 고정 ) (TextFieldStyle2 : 세로 45px 고정 ) 입력필드스타일지정 - 예 ) 이름, 상태메시지등한줄에해당되는문자열입력부분 (, 글자색상 ) SearchBarStyle ( 세로 44px 고정 ) -ios-searchbar-textfield-background-image ( 세로 31px 고정 ) -ios-searchbar-textfield-leftview-image (15x15 사이즈고정 ) 검색바스타일지정 - 예 ) 친구목록검색입력부분 ( 글자색상,, 입력필드, 아이콘이미지 ) TableViewStyle -ios-table-separator-color 그룹스타일테이블뷰 Border 색상지정 - 예 ) 친구목록, 채팅목록, 설정등 TableViewCellStyle TableViewSectionHeade rstyle border-color -ios-highlight-text-color -ios-highlight-text-alpha -ios-detail-text-color -ios-detail-text-alpha -ios-detail-highlight-text-color -ios-detail-highlight-text-alpha -ios-normal-background-color -ios-normal-background-alpha -ios-selected-background-color -ios-selected-background-alpha ( 친구목록에서만사용 ) -ios-newcomer-background-color -ios-newcomer-background-alpha -ios-status-message-background-image -ios-status-message-text-color -ios-status-message-text-alpha -ios-status-message-text-edgeinsets ( 채팅목록에서만사용 ) -ios-time-text-color -ios-time-text-alpha -ios-text-shadow-color -ios-text-shadow-alpha -ios-text-margin (border 색상, border 스타일 ) 테이블셀 ( 리스트각요소 ) 스타일지정 - 예 ) 친구목록, 채팅목록등각리스트형목록들의 Row 에해당되는스타일 (Border 색상, 글자색상,, 액세서리이미지 (">")) 테이블섹션헤더 ( 셀상단에표시되는섹션영역 ) 스타일지정 - 예 ) 설정화면섹션타이틀영역 ( 글자색상, 쉐도우스타일, 여백크기, )

17 NavigationBarStyle NavigationItemTitleStyle MiniProfileBackgroundSt yle MiniProfileMenuBarBack groundstyle MiniProfileUserNameLa belstyle MiniProfileStatusMessag elabelstyle MiniProfileButtonStyle MiniProfilePlusFriendHo mebuttonstyle MiniProfilePhoneNumbe rbuttonstyle MiniProfilePlusFriendCo untstyle background-color ( 세로 45px 고정 ) -ios-text-shadow-offset -ios-text-shadow-color -ios-text-shadow-alpha ( 세로 224px 고정 ) ( 세로 54px~100px 사이로고정 ) -ios-text-shadow-offset -ios-text-shadow-color -ios-text-shadow-alpha -ios-text-shadow-color -ios-text-shadow-offset ( 세로 44px 고정 ) (128x38 사이즈고정 ) -ios-arrow-icon-image (7x11 사이즈고정 ) ( 세로 25px 고정 ) ( 세로 21px 고정 ) 상단네비게이션영역스타일지정 ( 배경색상, ) 상단네비게이션타이틀텍스트스타일지정 ( 글자색상, 투명도, 쉐도우스타일 ) 미니프로필전체지정 미니프로필상단메뉴바지정 미니프로필좌측사용자이름텍스트스타일지정 ( 글자색상, 쉐도우스타일 ) 미니프로필좌측상태메시지텍스트스타일지정 ( 글자색상 ) 미니프로필하단버튼스타일지정 ( 텍스트스타일및 ) 플러스친구미니프로필홈바로가기버튼스타일지정 ( 텍스트스타일및 ) 미니프로필 ( 보이스톡사용자 ) 전화번호버튼스타일지정 ( 텍스트스타일및 ) 플러스친구미니프로필친구숫자부분스타일지정 ( 텍스트스타일및 )

18 MiniProfileMenuBarAcce ssorystyle -ios-gift-icon-image -ios-favorite-on-icon-image -ios-favorite-off-icon-image -ios-edit-icon-image -ios-close-icon-image ( 전체 36x54 로사이즈고정 ) 미니프로필상단메뉴바영역버튼 4 개스타일지정 ( 선물하기, 즐겨찾기, 편집, 닫기버튼 ) MoreBackgroundStyle background-color 더보기배경색상스타일지정 MoreCellStyle border-color 더보기상단버튼스타일지정 MoreIconSetStyle PasscodeBackgroundSty le PasscodeTitleLabelStyle PasscodeDescLabelStyle PasscodeBulletAndKeyp adstyle -ios-highlight-text-color -ios-normal-background-color -ios-selected-background-color -ios-account-icon-image -ios-notice-icon-image -ios-settings-icon-image -ios-giftshop-icon-image -ios-itemstore-icon-image -ios-plusfriend-icon-image -ios-gamecenter-icon-image ( 전체 36x35 로고정 ) background-color (960x960 사이즈권장 ) -ios-text-shadow-offse -ios-text-shadow-color -ios-text-shadow-alpha -ios-text-shadow-offset -ios-text-shadow-color -ios-text-shadow-alpha -ios-bullet-image (55x54 로사이즈고정 ) -ios-bullet-background-image (55x54 로사이즈고정 ) -ios-keypad-(0~9, back, undo)-image (110x54 로사이즈고정 ) (border 색상, 텍스트및배경색상 더보기상단버튼아이콘지정 ( 카카오계정, 내프로필, 공지사항, 설정, 선물하기, 아이템스토어, 플러스친구아이콘 ) 암호잠금배경스타일지정 ( 색상, 이미지중택 1) 암호잠금상단메인타이틀텍스트스타일지정 ( 글자색상, 투명도, 쉐도우스타일 ) 암호잠금상단서브타이틀텍스트스타일지정 ( 글자색상, 투명도, 쉐도우스타일 ) 암호잠금 Input 영역스타일지정 ( 입력시 Dot 이미지, Input 영역 )

19 ChatInputBarSendButto nnormalstyle ChatInputBarStyle (26x28 로사이즈고정 ) -ios-text-shadow-alpha -ios-text-shadow-color -ios-text-shadow-offset -ios-title-edgeinsets (320x38 로사이즈고정 ) -ios-plus-icon-image ( 세로 28px 고정 ) -ios-emoticon-icon-image ( 세로 28px 고정 ) -ios-keyboard-icon-image ( 세로 28px 고정 ) 채팅방메시지전송버튼스타일 (, 텍스트스타일 ) 채팅방메시지입력부분아이콘및지정 (, + 버튼, 이모티콘버튼, 키보드버튼이미지 ) ChatMessageCellStyle ChatMessageCellUserNa melabelstyle TabBarTitleStyle TabBarItemStyle -ios-selected-background-image -ios-selected-text-color -ios-title-edgeinsets -ios-image-edgeinsets -ios-text-shadow-color -ios-text-shadow-alpha -ios-text-shadow-offset -ios-text-shadow-offset -ios-selected-text-color -ios-selected-text-alpha -ios-selected-text-shadow-offset (320x49 로사이즈고정 ) -ios-selection-indicator-image (78x44 로사이즈고정 ) -ios-friends-normal-icon-image -ios-chats-normal-icon-image -ios-recommendees-normal-icon-image -ios-more-normal-icon-image -ios-friends-selected-icon-image -ios-chats-selected-icon-image -ios-recommendees-selected-icon-image -ios-more-selected-icon-image ( 아이콘이미지 30x30 로고정 ) 채팅방수신 / 발신메시지스타일지정 ( 말풍선배경일반 / 선택시, 일반 / 선택시, 텍스트영역 EdgeInset, 이미지영역 EdgeInset) 채팅방수신메시지의발신자이름부분스타일지정 ( 글자색상, 투명도, 쉐도우스타일 ) 탭바텍스트스타일지정 ( 글자색상, 투명도, 쉐도우스타일 ) 탭바및아이콘스타일지정 (, 선택시 Indicator 이미지, 아이콘일반 / 선택시이미지 )

20 DefaultProfileStyle -ios-profile-small-image (32x32 로사이즈고정 ) -ios-profile-large-image (110x110 로사이즈고정 ) -ios-groupchat-small-image (32x32 로사이즈고정 ) 프로필썸네일이미지스타일 ( 친구목록, 챗방등에서보이는사용자프로핌썸네일이미지들 )