Jetpack Compose Glimmer UI를 개발할 때 구성 가능한 미리보기를 사용하여 디자인을 빠르고 효율적으로 시각화하고 반복합니다. 컴포저블 미리보기를 사용하면 Android 스튜디오 내에서 바로 Jetpack Compose Glimmer UI 구성요소의 실시간 대화형 렌더링을 확인할 수 있습니다. 이러한 미리보기를 사용하면 작은 UI 변경사항이 있을 때마다 에뮬레이터나 실제 기기에서 앱을 지속적으로 빌드하고 실행할 필요가 없으므로 개발 주기가 크게 단축됩니다.
Jetpack Compose Glimmer UI 구성요소 미리보기
- Android 스튜디오의 최신 Canary 빌드에서 XR 프로젝트를 엽니다.
- 컴포저블 함수에
@Preview주석이 있는지 확인합니다. 코드 보기에서 구성 가능한 함수의 구성 미리보기 선택 도구를 클릭합니다.
Device 드롭다운 메뉴에서 AI 글라스를 선택합니다.
이렇게 하면 디스플레이 글라스의 고유한 해상도와 가로세로 비율에 맞게 미리보기 노출 영역이 조정됩니다.
Design 또는 Split 뷰를 선택하여 미리보기를 확인합니다.
미리보기 환경 조정
안경은 가산형 투명 디스플레이를 사용합니다. 이 특성은 디스플레이가 빛을 추가할 수만 있고 검은색을 만들 수 없음을 의미합니다. 가산 디스플레이에서 검은색은 색상이 아니며 100% 투명하게 표시됩니다. Compose 프리뷰는 다양한 보기 조건에서 UI가 어떻게 작동하는지 이해하는 데 도움이 되는 근사치를 제공합니다.
다양한 보기 조건을 시뮬레이션하려면 미리보기 창 툴바에서 환경 아이콘을 클릭합니다. 다양한 배경 옵션 (예: 밝음, 어두움, 복잡함)을 사용해 보면서 텍스트와 구성요소의 대비와 가시성이 적절한지 확인합니다.