'WEB2.0'에 해당되는 글 545건

안드로이드 스테이터스바 아이콘 만들기



노티 아이콘, 알림 아이콘, 알람 아이콘, 상태바 아이콘 뭐 여러 명칭이 있겠지만


정확히는 status bar 아이콘, 상태바아이콘이라고 합니다.


이 아이콘은 앱 아이콘만큼이나, 앱의 상징을 나타내기 때문에 의미가 있는 아이콘 입니다.




사실 과거에는 이 아이콘을 그다지 신경쓰지 않았습니다.


그냥 앱 아이콘과 동일한 아이콘을 사용하면 되었거든요.


거의 모든 앱이 그렇게 했습니다.


물론 지금도 예전에 만든 앱들은 앱 아이콘을 그대로 상태바아이콘으로도 사용하고 있습니다.



그런데 android 5.0(API 21)에서는 다음과 같은 변경 사항이 있습니다


색상을 포함하는 자산을 업데이트 또는 제거합니다. 시스템은 액션 아이콘과 기본 알림 아이콘의 모든 비알파 채널을 무시합니다. 여러분은 이 아이콘이 알파 전용일 것으로 생각해야 합니다. 시스템은 알림 아이콘을 흰색으로, 액션 아이콘을 짙은 회색으로 그립니다.



이 말인 즉슨 이제 알록달록 색상이 있는 상태바아이콘을 사용할수 없다는거죠.


물론 어디까지나 target api를 api 21 밑으로 설정하면 가능합니다만, 어디까지나 구시대로 역행하는 방법입니다.


흰색과 알파 채널로 상태바 아이콘을 만들어서 사용합시다.




안드로이드 상태바 아이콘은 아래의 3가지 상황에 대비하여 필요합니다.


이렇게 세개의 분기로 나누어진 이유는 구글에서 제안하는 상태바아이콘의 추천 크기가 다르기 때문입니다.



Android 3.0 and Later


Android 2.3


Android 2.2 and Earlier



사실 엄밀히 말해서 요즘에 나오는앱 특히나 국내앱이라면 굳이 android 2.3까지 지원할만한 이유가 별로 없죠.

(갤럭시S1이 나오던시절이 2.3 시대인데...)



2.2 이하 버전이나 2.3버전을 지원할것이 아닌이상


그냥 알파채널로 이루어진 1종류 아이콘만 크기별로 만들어서 지원하면 됩니다.


그러면 3.0 이상의 버전을 모두 커버하게 되는것입니다.



아이콘은 32비트 PNG파일과 알파채널로 이루어집니다.


쉽게 흰색픽셀과 투명한 배경으로 이루어집니다.


알파채널이 들어간 효과를 넣어줄수 있는데 이를 통해서 좀 더 부드러운 곡선이나 질감을 줄수 있습니다.



포스트의 하단에 참고로 넣어둔 안드로이드 가이드 페이지링크에 2.3과 2.2 이하에 대응하는 아이콘 만드는 방법이 설명되어있습니다.



3가지의 각 안드로이드 분기마다 지원하려는 경우



drawable-xhdpi-v11

drawable-hdpi-v11

drawable-mdpi-v11

drawable-ldpi-v11


과 같이 v11이라는 접미사를 가진 drawable 폴더에 최신의 알파채널로 구성된 상태바 아이콘을 넣고


2.3용은


drawable-xhdpi-v9

drawable-hdpi-v9

drawable-mdpi-v9

drawable-ldpi-v9 


과 같이 v9라는 접미사를 가진 drawable 폴더에 넣고


그 이하용은


drawable-xhdpi

drawable-hdpi

drawable-mdpi

drawable-ldpi


접미사 없는 drawable 폴더에 넣으시면 됩니다.



그러면 v11 이상에는 v11에 넣은 아이콘이 사용되고


v9와 v10에서는 v9에 넣은 아이콘이 사용되고


v9 미만의 버전에서는 기본 drawable에 넣은 아이콘이 사용됩니다.




참고 : 


https://developer.android.com/about/versions/android-5.0-changes.html

https://developer.android.com/guide/practices/ui_guidelines/icon_design_status_bar.html

저작자 표시
신고

| 1 | 2 | 3 | 4 | ··· | 545 |