코딩하는 일용직 노동자

Live Layout Inspector 기능 살펴보기 본문

안드로이드

Live Layout Inspector 기능 살펴보기

bacass 2020. 6. 4. 10:54

안드로이드 스튜디오 4.0 버전에서 업데이트된 Live Layout Inspector 기능을 살펴보겠습니다.
기존 3.1버전에서부터 Layout Inspector 기능이 있었고 이번에 업데이트가 되었습니다.
레이아웃의 계층구조를 3D로 살펴볼 수 있는 비슷한 기능을 iOS 개발하는 XCode에서 본적이 있는데 안드로이드 개발에서도 이용할 수 있게 되었습니다.

Layout Inspector 창은 View > Tools Windows > Layout Inspector를 선택하면 사용할 수 있습니다.

레이아웃 인스펙터 기능 선택


우선 테스트 기기를 컴퓨터와 연결하거나 에뮬레이터를 작동시키고 디버그할 앱을 실행합니다.
그리고 [+Select Process]를 누르면 디버그할 앱을 선택할 수 있습니다.

+ Select Process 선택
기기를 연결하거나 에뮬레이터를 실행하고 디버그할 앱을 실행시킨다.

레이아웃의 구조도 쉽게 표시가 되고, 뷰를 선택하면 속성값도 다 확인할 수 있습니다.
다만 부드럽게 동작하진 않습니다.

3D보기 기능을 이용하면 레이아웃을 회전헤서 뷰의 계층구조를 확인할 수 있습니다. 하지만 레이아웃이 복잡하면 작동하지 않는듯 합니다.

3D보기 기능을 활성화 하면 뷰의 계층구조를 파악하기 쉽다.

Live Layout Inspector는 API버전이 29이상을 실행하는 기기에서 앱을 배포하는 경우에만 사용할 수 있습니다.
또한 File > Settings > Experimental로 이동하여 Enable Live Layout Inspector 옆의 체크박스를 선택한 후 기능을 사용 설정해야 합니다.

아직은 쓸만한 기능이라는 체감이 들진 않지만 조금 더 업데이트 되면 활용도가 높은 기능일것 같습니다.