Layout Inspector로 증강 환경을 위한 앱 레이아웃 디버깅

해당 XR 기기
이 안내는 이러한 유형의 XR 기기용 환경을 구축하는 데 도움이 됩니다.
AI 글래스

AI 글래스용 Jetpack Compose Glimmer 구성요소로 증강 환경을 빌드하는 동안 Android 스튜디오의 Layout Inspector를 사용하여 레이아웃을 검사하고 디버그할 수 있습니다.

삽입된 Layout Inspector 사용 중지

Android XR 에뮬레이터로 가상 AI 글래스 기기에서 앱을 실행하는 경우 내장된 Layout Inspector를 사용 중지해야 합니다.

  1. Android 스튜디오에서 프로젝트를 열고 Android Studio > Settings > Tools > Layout Inspector로 이동합니다.

  2. Enable embedded Layout Inspector를 선택 해제한 다음 Android 스튜디오를 다시 시작합니다.

    Layout Inspector 도구의 Android 스튜디오 설정 페이지

Layout Inspector 열기

  1. Android 스튜디오에서 앱을 실행합니다.
  2. 검사하려는 화면이 표시되면 메뉴 바에서 Tools > Layout Inspector를 선택합니다.

    Layout Inspector가 Layout DisplayComponent Tree 패널과 함께 열립니다.

  3. 실행 중인 기기 드롭다운 메뉴에서 AI 안경 AVD를 호스트 기기 역할을 하는 휴대전화 AVD로 전환합니다.

    'Running devices' 드롭다운 메뉴가 강조 표시된 Layout Inspector 뷰

  4. 레이아웃 표시에서 휴대전화 AVD의 UI 레이아웃을 지나 스크롤하여 AI 안경의 UI 레이아웃을 찾습니다. 여기에서 요소를 클릭하여 속성을 검사합니다.

    Layout Display에 AI 글래스 UI를 표시하는 Layout Inspector 뷰

레이아웃 속성 검사

앱과 상호작용하면서 Layout Display 또는 Component Tree에서 뷰를 클릭하여 AI 글래스 UI의 뷰를 검사합니다. 해당 뷰의 모든 레이아웃 속성이 Attributes 패널에 표시됩니다.