상세 컨텐츠

본문 제목

포토샵 PSD파일의 소스를 안드로이드 레이아웃에 적용하기

안드로이드+드론 제작

by 김일국 2016. 8. 17. 01:54

본문

포토샵 PSD파일에서 아이콘을 따와서, 안드로이드 스튜디오 작업소스에 배치할때, dp 단위로 배치를 하게 됩니다.

그런데, 지금까지는 대충 화면에 배치를 했는데요, 이제는 신뢰성있게 배치를 해야하는 순간이 왔습니다.

먼저 계산식을 확인 하고 넘어갑니다.

dp(안드로이드용크기) = px(포토샵아이콘크기) / { 640dpi(포토샵레이아웃xxxhdpi 1449x2560)?변동값 / 160dpi) }

제가 작업하는 PSD 사이즈는 1449 x 2560픽셀 = xxxhdpi 입니다. 그래서 위와 같이 계산해서

결과는 dp = px(포토샵이이콘크기) / 4 로 구해서 해당 이미버튼의 백그라운드 width와 height를 dp로 넣고 처리를 하였습니다.

앞으로 변동이 있다면,

작업한 포토샵레이아웃사이즈별로 ?변동값을 요약해 보았습니다.

LDPI (120dpi) = 약 240 x 320 pixel  (포토샵 작업사이즈 72dpi이고, 상관없이 비교합니다.)
MDPI (160dpi-기준) = 약 320 x 480 pixel (포토샵 작업사이즈 72dpi이고, 상관없이 비교합니다.)
HDPI (240dpi) = 약 480 x 800 pixel  (포토샵 작업사이즈 72dpi이고, 상관없이 비교합니다.)
XHDPI (320dpi) = 약 720 x 1280 pixel  (포토샵 작업사이즈 72dpi이고, 상관없이 비교합니다.)
XXHDPI (480dpi) = 약 1080 x 1920 pixel  (포토샵 작업사이즈 72dpi이고, 상관없이 비교합니다.)
XXXHDPI (640dpi) = 약 1140 x 2560 pixel  (포토샵 작업사이즈 72dpi이고, 상관없이 비교합니다.)


Ps.  예를 들면 작업하는 PSD 사이즈는 1449 x 2560픽셀 = xxxhdpi 에서

아이콘이 130 x 150 px이라면 , 계산결과는 32.5 x 37.5 dp입니다. ( 130/4, 150/4 )

하지만, 소수점으로 떨어지면, 결과 이미지 사이즈가 틀릴수 있기 때문에

아이콘을 132 x 152 px로 캔버스 크기를 조정(이미지 크기가 아님) 후 재 계산 합니다.( 132/4, 152/4 )

결과는 33 x 38 dp 로 안드로이드 스튜디오에서 입력하시면 됩니다.

관련글 더보기

댓글 영역