[안드로이드 팁] Layout Inspector : 실시간 레이아웃 디버깅하기

Layout Inspector

개발을 하다 보면, 코드만으로는 어디에서 문제가 발생했는지 확인하기 난해할 때가 있다.

이를테면 그려진 화면을 보니 ImageView를 그리는 과정에서 뭔가 오류가 난 것 같은데, 그게 단순히 width 값의 문제인지, 아니면 다른 속성값의 문제인지 확인이 필요하다거나 할 때.

이럴 때면 개발자 입장에서는 지금 눈으로 보고 있는 특정 View가 가지고 있는 값을 실시간으로 확인하고 싶을 수 있다.

 

안드로이드 스튜디오의 Layout Inspector는 바로 이런 기능을 제공한다.

사용법은 아주 간단하다.

아래처럼 Tools > Layout Inspector 로 레이아웃 인스펙터를 활성화 시켜주기만 하면 된다.

 

 

그러면 이렇게 스튜디오의 오른쪽 아래 부분에 레이아웃 인스펙터가 활성화된다.

상단 부분의 Live updates가 체크되어 있으면 화면의 변화가 실시간으로 반영되어 나타난다.

이 때 주의해야 할 부분은, Live updates가 켜져 있으면 그만큼 에뮬레이터의 속도가 느려진다.

따라서 레이아웃 인스펙터는, 꼼꼼하게 디버깅하고자 하는 레이아웃이 있을 경우에만 켜서 사용하는 것이 좋다.

 

 

레이아웃 인스펙터를 이용하면 단순히 현재 화면을 표시해 주는 것뿐 아니라, 각 ViewGroup의 구성과 화면 위 모든 View의 속성을 탐색할 수 있다.

이를테면 위 기본 App에서 'Hello World!'라고 되어 있는 TextView를 클릭하면 이렇게 ViewTree 내에서의 TextView의 위치와 속성들을 확인할 수 있다.

 

 

Layout Inspector를 활용하면 디버깅이 난해한 화면 정보들을 상세히 분석하고 디버깅해낼 수 있어 상당히 유용하다.

다만, 다시 언급하지만 Live updates가 화면의 속도를 상당히 저하시키므로 이 부분만 주의하여 사용하면 되겠다.