안드로이드 폰 레이아웃 보기

모바일 앱 디자인이나 개발, 기획 하는 사람들에게 특히 유용한 정보라서 잠시 적어보는 글.

실제 안드로이드 폰에 탑재 된 여러가지 앱들의 레이아웃 표시선을 볼수 있는 기능이 설정에 있다는 사실.!

이게 무슨 말인가... 하면

출처 : https://developer.android.com/studio/debug/dev-options?fbclid=IwAR2cv8XbdE-G2CALQF0uHvYahozsjFfehumsXw_zZFe4dbzIFwZjR9NRsSk#drawing

위 이미지는 구글 개발자 페이지에서 가져왔다.

앱의 UI가 시각적으로 어떻게 그려지는지를 두 눈으로 바로 확인할수 있는 것.

방법은 개발자 옵션을 활성화 한 다음, 레이아웃 범위 표시를 ON 시키면 된다.

1. 우선 설정으로 진입한다.

그리고 하단에 쭉 내리면 "디바이스 정보" 항목이 보이는데, 이것을 선택한다.

2. 들어간 다음, 소프트웨어 정보를 선택~

3. 여기서 '빌드번호' 위를 손으로 연속으로 터치 한다.

계속 누르다보면 "개발자 모드를 실행했습니다" 라는 메세지가 하단에 토스트로 뜬다.

4. 처음 '설정' 메뉴 화면에서 가장 아래에 개발자 옵션이라는 항목이 추가로 생겨나있는것을 확인 가능.!

5. 이제 다음으로 개발자 옵션으로 들어가서 쭉 내리다보면 '그리기'라는 단어가 보이고 

그 아래에 '레이아웃 범위 표시' 라는 항목을 발견할 수 있을것이다.

이 부분을 손으로 오른쪽으로 밀어서 ON 활성화 시킨다.

그러면 활성화 하자마자 화면에 레이아웃 범위가 표시되고 있다!

밖으로 나가도 마찬가지!!

레이아웃 범위 표시를 키면 내 폰에 모든 화면의 레이아웃을 확인할수 있다.

끄려면 해당 항목을 토글로 왼쪽으로 밀어서 OFF 시키면 된다.

실제로 업무와 관련있는 앱의 구조가 궁금하거나 관심있는 앱이나 벤치마킹 하고자 하는게 있다면 이걸 켜놓고 공부해봐도 좋을것 같다.