SlideShare ist ein Scribd-Unternehmen logo
1 von 15
Downloaden Sie, um offline zu lesen
Bitmap 해상도
 Resource




  drawable : 해상도와 상관없는 xml drawable 파읷
  drawable-ldpi : Low Density를 위한 이미지 파읷
  drawable-mdpi : Medium Density를 위한 이미지 파읷
  drawable-hdpi : High Density를 위한 이미지 파읷




              ANDROIDPUB.COM
Bitmap 해상도 ldpi 폴더
 200px   ∙ 200px
 모두 다른 픽셀 크기
 자동 비트맵 크기 조정 (확대)




 확대를 하게 되므로 뿌옇게 되는 현상 있음

                    ANDROIDPUB.COM
Bitmap 해상도 ldpi 폴더
 사용자가 보는 물리적읶 실제 크기가 화면의 밀도와
 상관없이 모두 동읷




         ANDROIDPUB.COM
Bitmap 해상도 hdpi 폴더
 200px   ∙ 200px
 모두 다른 픽셀 크기
 자동 비트맵 크기 조정 (축소)




                    ANDROIDPUB.COM
Bitmap 해상도 nodpi 폴더
 200px   ∙ 200px
 밀도와 관계없이 동읷한 픽셀
 자동 크기 조절 안함




                    ANDROIDPUB.COM
Bitmap 해상도 nodpi 폴더
 사용자가 보는 물리적읶 실제 크기는 화면의 밀도에
 따라 차이가 남




            ANDROIDPUB.COM
TIP 2 : Bitmap 작성




        HDPI를 기준으로
       Bitmap 을 작성한다
        자동 크기 조정 시 보기 좋다




           ANDROIDPUB.COM
Pre-Scaling
 로딩 시갂에 크기 조정
 CPU에 이득이 있음


 BitmapFactory.Options
  inScaled, inDensity, inTargetDensity,


 예) res/drawable-mdpi/의 100x100
  아이콘을 High Density의 스크린에서
  로드했을때, 안드로이드는 자동으로
  크기를 확대하여 150x150 bitmap을 만듞다.



                      ANDROIDPUB.COM
Auto-Scaling
 그리는 시갂에 크기 조절
 메모리에 이득이 있음


 Bitmap.getDensity()/setDensity()
   비트맵에 대한 density 지정
   리소스가 아닌 웹, SD카드등에서 데이터를 가져왔을 때


 Bitmap.getScaledHeight()/getScaledWidth()
   Target Density에 따른 높이와 넓이 구함


 Bitmap이 Canvas에 그려질때 각각의 Density에 따라 자
 동으로 크기 조절


                   ANDROIDPUB.COM
Bitmap 의 적용
 Bitmap 리소스는 각 스크린에 맞게 적절히 Resize
 되어 적용됨

 만약 하나의 Bitmap만 만들어 쓴다면? hdpi 해상도
 의 이미지를 제작해서 사용

 메모리가 부족할때는 Auto-scaling을 CPU가 부족할
 때는 Pre-scaling을 고려한다.




            ANDROIDPUB.COM
Compatibility Mode (호홖 모드)
 Large 스크린을 지원 안하는 앱을 Large 스크린에서
 실행하면 검은 배경에 원래 크기만큼의 공갂에 표시




           ANDROIDPUB.COM
자동 픽셀 단위 조절
 지원안하는 Density에서 실행하는 경우 자동 크기
 조절.
  HVGA Normal Density만 지원하는 앱을 WVGA High
   Density에서 실행
  시스템에서 앱에게 320x533에서 실행되고 있는 것처
   럼 에뮬레이션을 한다




             ANDROIDPUB.COM
AndroidManifest.xml



   <supports-screens
        android:largeScreens="true"
        android:normalScreens="true"
        android:smallScreens="true"
        android:resizable="true"
        android:anyDensity="true" />
   </manifest>



            ANDROIDPUB.COM
다양한 스크린 사이즈 지원



각 장치별로 별도의 레이아웃과 별도의 이미지를 만
들면 세밀하게 디자읶을 조정할 수 있다. 하지만 관
리가 힘들어지므로 안드로이드의 구조를 이해하여
가급적 적은 레이아웃과 이미지로 UI를 구성하는 것
이 좋다.




        ANDROIDPUB.COM
감사합니다.


 ANDROIDPUB.COM

Weitere ähnliche Inhalte

Andere mochten auch

[Gpg1권 박민근] 5.10 게임을 위한 그럴듯한 유리 효과
[Gpg1권 박민근] 5.10 게임을 위한 그럴듯한 유리 효과[Gpg1권 박민근] 5.10 게임을 위한 그럴듯한 유리 효과
[Gpg1권 박민근] 5.10 게임을 위한 그럴듯한 유리 효과MinGeun Park
 
Dll파일 호출
Dll파일 호출Dll파일 호출
Dll파일 호출abapier
 
Ccx03.cocos builder
Ccx03.cocos builderCcx03.cocos builder
Ccx03.cocos builder우진 이
 
GameMath-Chapter 01 벡터
GameMath-Chapter 01 벡터GameMath-Chapter 01 벡터
GameMath-Chapter 01 벡터Mark Choi
 
Cocos2d x a to z (상)
Cocos2d x a to z (상)Cocos2d x a to z (상)
Cocos2d x a to z (상)SeungIl Choi
 
3D Engine (ICON 2007)
3D Engine (ICON 2007)3D Engine (ICON 2007)
3D Engine (ICON 2007)SeongWan Kim
 
C# 뉴비를 위한 맛보기 2
C# 뉴비를 위한 맛보기 2C# 뉴비를 위한 맛보기 2
C# 뉴비를 위한 맛보기 2진상 문
 
[NDC14] 파워포인트로 그래픽 리소스 만들기
[NDC14] 파워포인트로 그래픽 리소스 만들기[NDC14] 파워포인트로 그래픽 리소스 만들기
[NDC14] 파워포인트로 그래픽 리소스 만들기Sun Park
 
Dom 생성과정
Dom 생성과정Dom 생성과정
Dom 생성과정abapier
 
게임 개발자로서의 가치 창출
게임 개발자로서의 가치 창출게임 개발자로서의 가치 창출
게임 개발자로서의 가치 창출hongsungbock
 
Silverlight vs flash
Silverlight vs flashSilverlight vs flash
Silverlight vs flash권 태혁
 
4.5부동소수점
4.5부동소수점4.5부동소수점
4.5부동소수점JaeHong Park
 
Chapter 2, 선형 변환과 행렬 1/2
Chapter 2, 선형 변환과 행렬 1/2Chapter 2, 선형 변환과 행렬 1/2
Chapter 2, 선형 변환과 행렬 1/2Thisisone Lee
 
GameMath-Chapter 13 발사체
GameMath-Chapter 13 발사체GameMath-Chapter 13 발사체
GameMath-Chapter 13 발사체Mark Choi
 
Digital lighting and rendering
Digital lighting and renderingDigital lighting and rendering
Digital lighting and renderingJaeHong Park
 
[KGC2014] 울프나이츠 엔진 프로그래밍 기록
[KGC2014] 울프나이츠 엔진 프로그래밍 기록 [KGC2014] 울프나이츠 엔진 프로그래밍 기록
[KGC2014] 울프나이츠 엔진 프로그래밍 기록 JiUng Choi
 
이권일 Sse 를 이용한 최적화와 실제 사용 예
이권일 Sse 를 이용한 최적화와 실제 사용 예이권일 Sse 를 이용한 최적화와 실제 사용 예
이권일 Sse 를 이용한 최적화와 실제 사용 예zupet
 
알고리즘 스터디 NP-완비
알고리즘 스터디 NP-완비알고리즘 스터디 NP-완비
알고리즘 스터디 NP-완비SeungMin Yang
 
[조진현]Kgc2012 c++amp
[조진현]Kgc2012 c++amp[조진현]Kgc2012 c++amp
[조진현]Kgc2012 c++amp진현 조
 

Andere mochten auch (20)

[Gpg1권 박민근] 5.10 게임을 위한 그럴듯한 유리 효과
[Gpg1권 박민근] 5.10 게임을 위한 그럴듯한 유리 효과[Gpg1권 박민근] 5.10 게임을 위한 그럴듯한 유리 효과
[Gpg1권 박민근] 5.10 게임을 위한 그럴듯한 유리 효과
 
Dll파일 호출
Dll파일 호출Dll파일 호출
Dll파일 호출
 
Ccx03.cocos builder
Ccx03.cocos builderCcx03.cocos builder
Ccx03.cocos builder
 
GameMath-Chapter 01 벡터
GameMath-Chapter 01 벡터GameMath-Chapter 01 벡터
GameMath-Chapter 01 벡터
 
Cocos2d x a to z (상)
Cocos2d x a to z (상)Cocos2d x a to z (상)
Cocos2d x a to z (상)
 
투영 공식
투영 공식투영 공식
투영 공식
 
3D Engine (ICON 2007)
3D Engine (ICON 2007)3D Engine (ICON 2007)
3D Engine (ICON 2007)
 
C# 뉴비를 위한 맛보기 2
C# 뉴비를 위한 맛보기 2C# 뉴비를 위한 맛보기 2
C# 뉴비를 위한 맛보기 2
 
[NDC14] 파워포인트로 그래픽 리소스 만들기
[NDC14] 파워포인트로 그래픽 리소스 만들기[NDC14] 파워포인트로 그래픽 리소스 만들기
[NDC14] 파워포인트로 그래픽 리소스 만들기
 
Dom 생성과정
Dom 생성과정Dom 생성과정
Dom 생성과정
 
게임 개발자로서의 가치 창출
게임 개발자로서의 가치 창출게임 개발자로서의 가치 창출
게임 개발자로서의 가치 창출
 
Silverlight vs flash
Silverlight vs flashSilverlight vs flash
Silverlight vs flash
 
4.5부동소수점
4.5부동소수점4.5부동소수점
4.5부동소수점
 
Chapter 2, 선형 변환과 행렬 1/2
Chapter 2, 선형 변환과 행렬 1/2Chapter 2, 선형 변환과 행렬 1/2
Chapter 2, 선형 변환과 행렬 1/2
 
GameMath-Chapter 13 발사체
GameMath-Chapter 13 발사체GameMath-Chapter 13 발사체
GameMath-Chapter 13 발사체
 
Digital lighting and rendering
Digital lighting and renderingDigital lighting and rendering
Digital lighting and rendering
 
[KGC2014] 울프나이츠 엔진 프로그래밍 기록
[KGC2014] 울프나이츠 엔진 프로그래밍 기록 [KGC2014] 울프나이츠 엔진 프로그래밍 기록
[KGC2014] 울프나이츠 엔진 프로그래밍 기록
 
이권일 Sse 를 이용한 최적화와 실제 사용 예
이권일 Sse 를 이용한 최적화와 실제 사용 예이권일 Sse 를 이용한 최적화와 실제 사용 예
이권일 Sse 를 이용한 최적화와 실제 사용 예
 
알고리즘 스터디 NP-완비
알고리즘 스터디 NP-완비알고리즘 스터디 NP-완비
알고리즘 스터디 NP-완비
 
[조진현]Kgc2012 c++amp
[조진현]Kgc2012 c++amp[조진현]Kgc2012 c++amp
[조진현]Kgc2012 c++amp
 

Ähnlich wie Bitmap 해상도와 작성 및 적용

Unity3D 엔진을 활용한 게임환경 분석 및 3D 그래픽스 기술 /제작 사례
Unity3D 엔진을 활용한 게임환경 분석 및 3D 그래픽스 기술 /제작 사례Unity3D 엔진을 활용한 게임환경 분석 및 3D 그래픽스 기술 /제작 사례
Unity3D 엔진을 활용한 게임환경 분석 및 3D 그래픽스 기술 /제작 사례SangYun Yi
 
고성능 애니메이션 개발 기법 및 성능 최적화
고성능 애니메이션 개발 기법 및 성능 최적화고성능 애니메이션 개발 기법 및 성능 최적화
고성능 애니메이션 개발 기법 및 성능 최적화Byung Ho Lee
 
Xamarin android
Xamarin androidXamarin android
Xamarin androidHyungKuIm
 
안드로이드의 다양성과 UI 레이아웃
안드로이드의 다양성과 UI 레이아웃안드로이드의 다양성과 UI 레이아웃
안드로이드의 다양성과 UI 레이아웃mosaicnet
 
[1002 조진현]unity3d 소개
[1002 조진현]unity3d 소개[1002 조진현]unity3d 소개
[1002 조진현]unity3d 소개진현 조
 
반응형 웹 기술 이해 V.2
반응형 웹 기술 이해 V.2반응형 웹 기술 이해 V.2
반응형 웹 기술 이해 V.2Lee Ji Eun
 
20140514 team blender_v01 (Korean)
20140514 team blender_v01 (Korean)20140514 team blender_v01 (Korean)
20140514 team blender_v01 (Korean)Dongho Kim
 
[NEXT] Android 개발 경험 프로젝트 1일차 (Widget, Linear Layout)
[NEXT] Android  개발 경험 프로젝트 1일차 (Widget, Linear Layout) [NEXT] Android  개발 경험 프로젝트 1일차 (Widget, Linear Layout)
[NEXT] Android 개발 경험 프로젝트 1일차 (Widget, Linear Layout) YoungSu Son
 
오픈드론맵 한국어 사용자 지침서
오픈드론맵 한국어 사용자 지침서오픈드론맵 한국어 사용자 지침서
오픈드론맵 한국어 사용자 지침서Byeong-Hyeok Yu
 
200819 NAVER TECH CONCERT 06_놓치기 쉬운 안드로이드 UI 디테일 살펴보기
200819 NAVER TECH CONCERT 06_놓치기 쉬운 안드로이드 UI 디테일 살펴보기200819 NAVER TECH CONCERT 06_놓치기 쉬운 안드로이드 UI 디테일 살펴보기
200819 NAVER TECH CONCERT 06_놓치기 쉬운 안드로이드 UI 디테일 살펴보기NAVER Engineering
 
프론트엔드 개발자를 위한 Layer Model
프론트엔드 개발자를 위한 Layer Model프론트엔드 개발자를 위한 Layer Model
프론트엔드 개발자를 위한 Layer ModelHan Lee
 
프론트엔드 개발자를 위한 크롬 렌더링 성능 인자 이해하기
프론트엔드 개발자를 위한 크롬 렌더링 성능 인자 이해하기프론트엔드 개발자를 위한 크롬 렌더링 성능 인자 이해하기
프론트엔드 개발자를 위한 크롬 렌더링 성능 인자 이해하기Chang W. Doh
 
[Gpg2권]4.7 인쇄해상도의 스크린샷 만들기
[Gpg2권]4.7 인쇄해상도의 스크린샷 만들기[Gpg2권]4.7 인쇄해상도의 스크린샷 만들기
[Gpg2권]4.7 인쇄해상도의 스크린샷 만들기KyeongWon Koo
 
반응형 웹 디자인은 만능인가? - 신현석
반응형 웹 디자인은 만능인가? - 신현석반응형 웹 디자인은 만능인가? - 신현석
반응형 웹 디자인은 만능인가? - 신현석Daum DNA
 
유니티3D 2017의 UI Sprite Atlas 와 아쉬운 UI 기능들
유니티3D 2017의 UI Sprite Atlas 와 아쉬운 UI 기능들유니티3D 2017의 UI Sprite Atlas 와 아쉬운 UI 기능들
유니티3D 2017의 UI Sprite Atlas 와 아쉬운 UI 기능들Hong-Gi Joe
 
Improve CSS IR & Sprites Image Techniques for Accessibility
Improve CSS IR & Sprites Image Techniques for AccessibilityImprove CSS IR & Sprites Image Techniques for Accessibility
Improve CSS IR & Sprites Image Techniques for Accessibilityyamoo9
 
100만 달러짜리 빠른앱 만드는 비법
100만 달러짜리 빠른앱 만드는 비법100만 달러짜리 빠른앱 만드는 비법
100만 달러짜리 빠른앱 만드는 비법SooHwan Ok
 
200819 NAVER TECH CONCERT 01_100만 달러짜리 빠른 앱을 만드는 비법 전수
200819 NAVER TECH CONCERT 01_100만 달러짜리 빠른 앱을 만드는 비법 전수200819 NAVER TECH CONCERT 01_100만 달러짜리 빠른 앱을 만드는 비법 전수
200819 NAVER TECH CONCERT 01_100만 달러짜리 빠른 앱을 만드는 비법 전수NAVER Engineering
 

Ähnlich wie Bitmap 해상도와 작성 및 적용 (20)

Unity3D 엔진을 활용한 게임환경 분석 및 3D 그래픽스 기술 /제작 사례
Unity3D 엔진을 활용한 게임환경 분석 및 3D 그래픽스 기술 /제작 사례Unity3D 엔진을 활용한 게임환경 분석 및 3D 그래픽스 기술 /제작 사례
Unity3D 엔진을 활용한 게임환경 분석 및 3D 그래픽스 기술 /제작 사례
 
고성능 애니메이션 개발 기법 및 성능 최적화
고성능 애니메이션 개발 기법 및 성능 최적화고성능 애니메이션 개발 기법 및 성능 최적화
고성능 애니메이션 개발 기법 및 성능 최적화
 
Xamarin android
Xamarin androidXamarin android
Xamarin android
 
안드로이드의 다양성과 UI 레이아웃
안드로이드의 다양성과 UI 레이아웃안드로이드의 다양성과 UI 레이아웃
안드로이드의 다양성과 UI 레이아웃
 
[1002 조진현]unity3d 소개
[1002 조진현]unity3d 소개[1002 조진현]unity3d 소개
[1002 조진현]unity3d 소개
 
반응형 웹 기술 이해 V.2
반응형 웹 기술 이해 V.2반응형 웹 기술 이해 V.2
반응형 웹 기술 이해 V.2
 
20140514 team blender_v01 (Korean)
20140514 team blender_v01 (Korean)20140514 team blender_v01 (Korean)
20140514 team blender_v01 (Korean)
 
[NEXT] Android 개발 경험 프로젝트 1일차 (Widget, Linear Layout)
[NEXT] Android  개발 경험 프로젝트 1일차 (Widget, Linear Layout) [NEXT] Android  개발 경험 프로젝트 1일차 (Widget, Linear Layout)
[NEXT] Android 개발 경험 프로젝트 1일차 (Widget, Linear Layout)
 
오픈드론맵 한국어 사용자 지침서
오픈드론맵 한국어 사용자 지침서오픈드론맵 한국어 사용자 지침서
오픈드론맵 한국어 사용자 지침서
 
Devtree illu
Devtree illuDevtree illu
Devtree illu
 
200819 NAVER TECH CONCERT 06_놓치기 쉬운 안드로이드 UI 디테일 살펴보기
200819 NAVER TECH CONCERT 06_놓치기 쉬운 안드로이드 UI 디테일 살펴보기200819 NAVER TECH CONCERT 06_놓치기 쉬운 안드로이드 UI 디테일 살펴보기
200819 NAVER TECH CONCERT 06_놓치기 쉬운 안드로이드 UI 디테일 살펴보기
 
프론트엔드 개발자를 위한 Layer Model
프론트엔드 개발자를 위한 Layer Model프론트엔드 개발자를 위한 Layer Model
프론트엔드 개발자를 위한 Layer Model
 
프론트엔드 개발자를 위한 크롬 렌더링 성능 인자 이해하기
프론트엔드 개발자를 위한 크롬 렌더링 성능 인자 이해하기프론트엔드 개발자를 위한 크롬 렌더링 성능 인자 이해하기
프론트엔드 개발자를 위한 크롬 렌더링 성능 인자 이해하기
 
Gametech2015
Gametech2015Gametech2015
Gametech2015
 
[Gpg2권]4.7 인쇄해상도의 스크린샷 만들기
[Gpg2권]4.7 인쇄해상도의 스크린샷 만들기[Gpg2권]4.7 인쇄해상도의 스크린샷 만들기
[Gpg2권]4.7 인쇄해상도의 스크린샷 만들기
 
반응형 웹 디자인은 만능인가? - 신현석
반응형 웹 디자인은 만능인가? - 신현석반응형 웹 디자인은 만능인가? - 신현석
반응형 웹 디자인은 만능인가? - 신현석
 
유니티3D 2017의 UI Sprite Atlas 와 아쉬운 UI 기능들
유니티3D 2017의 UI Sprite Atlas 와 아쉬운 UI 기능들유니티3D 2017의 UI Sprite Atlas 와 아쉬운 UI 기능들
유니티3D 2017의 UI Sprite Atlas 와 아쉬운 UI 기능들
 
Improve CSS IR & Sprites Image Techniques for Accessibility
Improve CSS IR & Sprites Image Techniques for AccessibilityImprove CSS IR & Sprites Image Techniques for Accessibility
Improve CSS IR & Sprites Image Techniques for Accessibility
 
100만 달러짜리 빠른앱 만드는 비법
100만 달러짜리 빠른앱 만드는 비법100만 달러짜리 빠른앱 만드는 비법
100만 달러짜리 빠른앱 만드는 비법
 
200819 NAVER TECH CONCERT 01_100만 달러짜리 빠른 앱을 만드는 비법 전수
200819 NAVER TECH CONCERT 01_100만 달러짜리 빠른 앱을 만드는 비법 전수200819 NAVER TECH CONCERT 01_100만 달러짜리 빠른 앱을 만드는 비법 전수
200819 NAVER TECH CONCERT 01_100만 달러짜리 빠른 앱을 만드는 비법 전수
 

Mehr von mosaicnet

카톡, CGV, 네이버 등 히트 앱 UI/UX 쪼개기(분석)
카톡, CGV, 네이버 등 히트 앱 UI/UX 쪼개기(분석)카톡, CGV, 네이버 등 히트 앱 UI/UX 쪼개기(분석)
카톡, CGV, 네이버 등 히트 앱 UI/UX 쪼개기(분석)mosaicnet
 
모바일 웹/앱 UI & UX 설계 이론(2)
모바일 웹/앱 UI & UX 설계 이론(2)모바일 웹/앱 UI & UX 설계 이론(2)
모바일 웹/앱 UI & UX 설계 이론(2)mosaicnet
 
모바일 웹/앱 UI & UX 설계 이론(1)
모바일 웹/앱 UI & UX 설계 이론(1)모바일 웹/앱 UI & UX 설계 이론(1)
모바일 웹/앱 UI & UX 설계 이론(1)mosaicnet
 
개발자와 디자이너 간 실제 커뮤니케이션(협업) 사례
개발자와 디자이너 간 실제 커뮤니케이션(협업) 사례개발자와 디자이너 간 실제 커뮤니케이션(협업) 사례
개발자와 디자이너 간 실제 커뮤니케이션(협업) 사례mosaicnet
 
어려운 협업의 극복 방안은 UI개념의 공유
어려운 협업의 극복 방안은 UI개념의 공유어려운 협업의 극복 방안은 UI개념의 공유
어려운 협업의 극복 방안은 UI개념의 공유mosaicnet
 
모바일 시대 스마트해진 고객 대응을 위한 시장 분석과 전략(2)
모바일 시대 스마트해진 고객 대응을 위한 시장 분석과 전략(2)모바일 시대 스마트해진 고객 대응을 위한 시장 분석과 전략(2)
모바일 시대 스마트해진 고객 대응을 위한 시장 분석과 전략(2)mosaicnet
 
모바일 시대 스마트해진 고객 대응을 위한 시장 분석과 전략(1)
모바일 시대 스마트해진 고객 대응을 위한 시장 분석과 전략(1)모바일 시대 스마트해진 고객 대응을 위한 시장 분석과 전략(1)
모바일 시대 스마트해진 고객 대응을 위한 시장 분석과 전략(1)mosaicnet
 
앱스프레소를 이용한 모바일 앱 개발(2)
앱스프레소를 이용한 모바일 앱 개발(2)앱스프레소를 이용한 모바일 앱 개발(2)
앱스프레소를 이용한 모바일 앱 개발(2)mosaicnet
 
앱스프레소를 이용한 모바일 앱 개발(1)
앱스프레소를 이용한 모바일 앱 개발(1)앱스프레소를 이용한 모바일 앱 개발(1)
앱스프레소를 이용한 모바일 앱 개발(1)mosaicnet
 
UX 핫 트렌드, 멀티 플랫폼 모바일 개발(2)
UX 핫 트렌드, 멀티 플랫폼 모바일 개발(2)UX 핫 트렌드, 멀티 플랫폼 모바일 개발(2)
UX 핫 트렌드, 멀티 플랫폼 모바일 개발(2)mosaicnet
 
UX 핫 트렌드, 멀티 플랫폼 모바일 개발(1)
UX 핫 트렌드, 멀티 플랫폼 모바일 개발(1)UX 핫 트렌드, 멀티 플랫폼 모바일 개발(1)
UX 핫 트렌드, 멀티 플랫폼 모바일 개발(1)mosaicnet
 
구글 앱 엔진을 이용한 소셜네트워크게임(SNG) 개발(2)
구글 앱 엔진을 이용한 소셜네트워크게임(SNG) 개발(2)구글 앱 엔진을 이용한 소셜네트워크게임(SNG) 개발(2)
구글 앱 엔진을 이용한 소셜네트워크게임(SNG) 개발(2)mosaicnet
 
구글 앱 엔진을 이용한 소셜네트워크게임(SNG) 개발(1)
구글 앱 엔진을 이용한 소셜네트워크게임(SNG) 개발(1)구글 앱 엔진을 이용한 소셜네트워크게임(SNG) 개발(1)
구글 앱 엔진을 이용한 소셜네트워크게임(SNG) 개발(1)mosaicnet
 
친구가 추천하는 검색? 소셜 서치 지폰
친구가 추천하는 검색? 소셜 서치 지폰친구가 추천하는 검색? 소셜 서치 지폰
친구가 추천하는 검색? 소셜 서치 지폰mosaicnet
 
동영상 검색의 새로운 패러다임
동영상 검색의 새로운 패러다임동영상 검색의 새로운 패러다임
동영상 검색의 새로운 패러다임mosaicnet
 
오빠믿지에서 글로벌LBS서비스로, 무료 앱의 생존법(2)
오빠믿지에서 글로벌LBS서비스로, 무료 앱의 생존법(2)오빠믿지에서 글로벌LBS서비스로, 무료 앱의 생존법(2)
오빠믿지에서 글로벌LBS서비스로, 무료 앱의 생존법(2)mosaicnet
 
오빠믿지에서 글로벌LBS서비스로, 무료 앱의 생존법(1)
오빠믿지에서 글로벌LBS서비스로, 무료 앱의 생존법(1)오빠믿지에서 글로벌LBS서비스로, 무료 앱의 생존법(1)
오빠믿지에서 글로벌LBS서비스로, 무료 앱의 생존법(1)mosaicnet
 
애플이 꿈꾸는 검색 미래인 인식 기술을 통한 서비스
애플이 꿈꾸는 검색 미래인 인식 기술을 통한 서비스 애플이 꿈꾸는 검색 미래인 인식 기술을 통한 서비스
애플이 꿈꾸는 검색 미래인 인식 기술을 통한 서비스 mosaicnet
 
펜션 전문 레스티 버티칼 검색의 기술적 특징과 시장성
펜션 전문 레스티 버티칼 검색의 기술적 특징과 시장성펜션 전문 레스티 버티칼 검색의 기술적 특징과 시장성
펜션 전문 레스티 버티칼 검색의 기술적 특징과 시장성mosaicnet
 
감성 컴퓨팅과 검색
감성 컴퓨팅과 검색감성 컴퓨팅과 검색
감성 컴퓨팅과 검색mosaicnet
 

Mehr von mosaicnet (20)

카톡, CGV, 네이버 등 히트 앱 UI/UX 쪼개기(분석)
카톡, CGV, 네이버 등 히트 앱 UI/UX 쪼개기(분석)카톡, CGV, 네이버 등 히트 앱 UI/UX 쪼개기(분석)
카톡, CGV, 네이버 등 히트 앱 UI/UX 쪼개기(분석)
 
모바일 웹/앱 UI & UX 설계 이론(2)
모바일 웹/앱 UI & UX 설계 이론(2)모바일 웹/앱 UI & UX 설계 이론(2)
모바일 웹/앱 UI & UX 설계 이론(2)
 
모바일 웹/앱 UI & UX 설계 이론(1)
모바일 웹/앱 UI & UX 설계 이론(1)모바일 웹/앱 UI & UX 설계 이론(1)
모바일 웹/앱 UI & UX 설계 이론(1)
 
개발자와 디자이너 간 실제 커뮤니케이션(협업) 사례
개발자와 디자이너 간 실제 커뮤니케이션(협업) 사례개발자와 디자이너 간 실제 커뮤니케이션(협업) 사례
개발자와 디자이너 간 실제 커뮤니케이션(협업) 사례
 
어려운 협업의 극복 방안은 UI개념의 공유
어려운 협업의 극복 방안은 UI개념의 공유어려운 협업의 극복 방안은 UI개념의 공유
어려운 협업의 극복 방안은 UI개념의 공유
 
모바일 시대 스마트해진 고객 대응을 위한 시장 분석과 전략(2)
모바일 시대 스마트해진 고객 대응을 위한 시장 분석과 전략(2)모바일 시대 스마트해진 고객 대응을 위한 시장 분석과 전략(2)
모바일 시대 스마트해진 고객 대응을 위한 시장 분석과 전략(2)
 
모바일 시대 스마트해진 고객 대응을 위한 시장 분석과 전략(1)
모바일 시대 스마트해진 고객 대응을 위한 시장 분석과 전략(1)모바일 시대 스마트해진 고객 대응을 위한 시장 분석과 전략(1)
모바일 시대 스마트해진 고객 대응을 위한 시장 분석과 전략(1)
 
앱스프레소를 이용한 모바일 앱 개발(2)
앱스프레소를 이용한 모바일 앱 개발(2)앱스프레소를 이용한 모바일 앱 개발(2)
앱스프레소를 이용한 모바일 앱 개발(2)
 
앱스프레소를 이용한 모바일 앱 개발(1)
앱스프레소를 이용한 모바일 앱 개발(1)앱스프레소를 이용한 모바일 앱 개발(1)
앱스프레소를 이용한 모바일 앱 개발(1)
 
UX 핫 트렌드, 멀티 플랫폼 모바일 개발(2)
UX 핫 트렌드, 멀티 플랫폼 모바일 개발(2)UX 핫 트렌드, 멀티 플랫폼 모바일 개발(2)
UX 핫 트렌드, 멀티 플랫폼 모바일 개발(2)
 
UX 핫 트렌드, 멀티 플랫폼 모바일 개발(1)
UX 핫 트렌드, 멀티 플랫폼 모바일 개발(1)UX 핫 트렌드, 멀티 플랫폼 모바일 개발(1)
UX 핫 트렌드, 멀티 플랫폼 모바일 개발(1)
 
구글 앱 엔진을 이용한 소셜네트워크게임(SNG) 개발(2)
구글 앱 엔진을 이용한 소셜네트워크게임(SNG) 개발(2)구글 앱 엔진을 이용한 소셜네트워크게임(SNG) 개발(2)
구글 앱 엔진을 이용한 소셜네트워크게임(SNG) 개발(2)
 
구글 앱 엔진을 이용한 소셜네트워크게임(SNG) 개발(1)
구글 앱 엔진을 이용한 소셜네트워크게임(SNG) 개발(1)구글 앱 엔진을 이용한 소셜네트워크게임(SNG) 개발(1)
구글 앱 엔진을 이용한 소셜네트워크게임(SNG) 개발(1)
 
친구가 추천하는 검색? 소셜 서치 지폰
친구가 추천하는 검색? 소셜 서치 지폰친구가 추천하는 검색? 소셜 서치 지폰
친구가 추천하는 검색? 소셜 서치 지폰
 
동영상 검색의 새로운 패러다임
동영상 검색의 새로운 패러다임동영상 검색의 새로운 패러다임
동영상 검색의 새로운 패러다임
 
오빠믿지에서 글로벌LBS서비스로, 무료 앱의 생존법(2)
오빠믿지에서 글로벌LBS서비스로, 무료 앱의 생존법(2)오빠믿지에서 글로벌LBS서비스로, 무료 앱의 생존법(2)
오빠믿지에서 글로벌LBS서비스로, 무료 앱의 생존법(2)
 
오빠믿지에서 글로벌LBS서비스로, 무료 앱의 생존법(1)
오빠믿지에서 글로벌LBS서비스로, 무료 앱의 생존법(1)오빠믿지에서 글로벌LBS서비스로, 무료 앱의 생존법(1)
오빠믿지에서 글로벌LBS서비스로, 무료 앱의 생존법(1)
 
애플이 꿈꾸는 검색 미래인 인식 기술을 통한 서비스
애플이 꿈꾸는 검색 미래인 인식 기술을 통한 서비스 애플이 꿈꾸는 검색 미래인 인식 기술을 통한 서비스
애플이 꿈꾸는 검색 미래인 인식 기술을 통한 서비스
 
펜션 전문 레스티 버티칼 검색의 기술적 특징과 시장성
펜션 전문 레스티 버티칼 검색의 기술적 특징과 시장성펜션 전문 레스티 버티칼 검색의 기술적 특징과 시장성
펜션 전문 레스티 버티칼 검색의 기술적 특징과 시장성
 
감성 컴퓨팅과 검색
감성 컴퓨팅과 검색감성 컴퓨팅과 검색
감성 컴퓨팅과 검색
 

Bitmap 해상도와 작성 및 적용

  • 1. Bitmap 해상도  Resource  drawable : 해상도와 상관없는 xml drawable 파읷  drawable-ldpi : Low Density를 위한 이미지 파읷  drawable-mdpi : Medium Density를 위한 이미지 파읷  drawable-hdpi : High Density를 위한 이미지 파읷 ANDROIDPUB.COM
  • 2. Bitmap 해상도 ldpi 폴더  200px ∙ 200px  모두 다른 픽셀 크기  자동 비트맵 크기 조정 (확대) 확대를 하게 되므로 뿌옇게 되는 현상 있음 ANDROIDPUB.COM
  • 3. Bitmap 해상도 ldpi 폴더  사용자가 보는 물리적읶 실제 크기가 화면의 밀도와 상관없이 모두 동읷 ANDROIDPUB.COM
  • 4. Bitmap 해상도 hdpi 폴더  200px ∙ 200px  모두 다른 픽셀 크기  자동 비트맵 크기 조정 (축소) ANDROIDPUB.COM
  • 5. Bitmap 해상도 nodpi 폴더  200px ∙ 200px  밀도와 관계없이 동읷한 픽셀  자동 크기 조절 안함 ANDROIDPUB.COM
  • 6. Bitmap 해상도 nodpi 폴더  사용자가 보는 물리적읶 실제 크기는 화면의 밀도에 따라 차이가 남 ANDROIDPUB.COM
  • 7. TIP 2 : Bitmap 작성 HDPI를 기준으로 Bitmap 을 작성한다 자동 크기 조정 시 보기 좋다 ANDROIDPUB.COM
  • 8. Pre-Scaling  로딩 시갂에 크기 조정  CPU에 이득이 있음  BitmapFactory.Options  inScaled, inDensity, inTargetDensity,  예) res/drawable-mdpi/의 100x100 아이콘을 High Density의 스크린에서 로드했을때, 안드로이드는 자동으로 크기를 확대하여 150x150 bitmap을 만듞다. ANDROIDPUB.COM
  • 9. Auto-Scaling  그리는 시갂에 크기 조절  메모리에 이득이 있음  Bitmap.getDensity()/setDensity()  비트맵에 대한 density 지정  리소스가 아닌 웹, SD카드등에서 데이터를 가져왔을 때  Bitmap.getScaledHeight()/getScaledWidth()  Target Density에 따른 높이와 넓이 구함  Bitmap이 Canvas에 그려질때 각각의 Density에 따라 자 동으로 크기 조절 ANDROIDPUB.COM
  • 10. Bitmap 의 적용  Bitmap 리소스는 각 스크린에 맞게 적절히 Resize 되어 적용됨  만약 하나의 Bitmap만 만들어 쓴다면? hdpi 해상도 의 이미지를 제작해서 사용  메모리가 부족할때는 Auto-scaling을 CPU가 부족할 때는 Pre-scaling을 고려한다. ANDROIDPUB.COM
  • 11. Compatibility Mode (호홖 모드)  Large 스크린을 지원 안하는 앱을 Large 스크린에서 실행하면 검은 배경에 원래 크기만큼의 공갂에 표시 ANDROIDPUB.COM
  • 12. 자동 픽셀 단위 조절  지원안하는 Density에서 실행하는 경우 자동 크기 조절.  HVGA Normal Density만 지원하는 앱을 WVGA High Density에서 실행  시스템에서 앱에게 320x533에서 실행되고 있는 것처 럼 에뮬레이션을 한다 ANDROIDPUB.COM
  • 13. AndroidManifest.xml <supports-screens android:largeScreens="true" android:normalScreens="true" android:smallScreens="true" android:resizable="true" android:anyDensity="true" /> </manifest> ANDROIDPUB.COM
  • 14. 다양한 스크린 사이즈 지원 각 장치별로 별도의 레이아웃과 별도의 이미지를 만 들면 세밀하게 디자읶을 조정할 수 있다. 하지만 관 리가 힘들어지므로 안드로이드의 구조를 이해하여 가급적 적은 레이아웃과 이미지로 UI를 구성하는 것 이 좋다. ANDROIDPUB.COM