Android 스튜디오는 Jetpack Compose 라이브러리를 사용하여 UI 디자인 속도를 높이는 데 도움이 되는 다양한 도구를 제공합니다. 먼저 BOM (Bill of Materials)을 통해 Gradle 파일에 필요한 종속 항목을 추가하여 이러한 도구를 사용해 볼 수 있습니다.
UI 설계 도구
디자인 사양에 맞게 구성요소, 디자인 시스템, 화면을 만듭니다.
- 미리보기 UI: 컴포저블을 미리 보고, 정리하고, 상호작용합니다.
- 애니메이션 미리보기: 애니메이션을 프레임별로 검사, 디버그, 미리 볼 수 있습니다.
UI 개발 및 테스트 도구
컨텍스트 전환을 줄여 UI 빌드 및 실행 중인 애플리케이션 테스트를 가속화합니다.
- 실시간 편집: 전체 빌드를 실행하지 않고도 변경사항을 적용하고 실시간으로 확인할 수 있습니다.
- 편집기 작업: Android 스튜디오 편집기 창에서 템플릿, 여백 아이콘 등을 사용합니다.
UI 디버깅 도구
레이아웃, 재구성, 컴포지션 추적을 분석하여 앱의 UI 성능을 개선하세요.
- Layout Inspector: 에뮬레이터 또는 실제 기기에서 Compose 레이아웃을 검사합니다.
- 컴포지션 추적: 시스템 트레이스에서 구성 가능한 함수를 추적합니다.
UI 구성요소를 디자인에서 코딩으로 이동하는 도구
- Android 스튜디오용 Relay: 디자이너와 개발자 간에 Android UI 구성요소를 즉시 핸드오프합니다. 디자이너는 레이아웃, 스타일 지정, 동적 콘텐츠, 상호작용 동작에 관한 정보로 UI 구성요소를 패키징할 수 있습니다. 개발자는 이러한 패키지를 가져와 Jetpack Compose 코드로 변환할 수 있습니다.