Jetpack Compose를 사용하면 디자인 시스템을 쉽게 구현하고 테마 설정, 구성요소 등을 통해 앱에 일관된 디자인과 분위기를 줄 수 있습니다.
다음 페이지에서는 디자인 시스템을 설계하고 구현하는 방법을 자세히 설명합니다.
- Material Design 3: Google의 디자인 시스템을 사용하여 Compose에서 제품을 빌드하는 방법을 알아보세요.
- Material 2에서 Material 3으로 이전: Compose에서 앱을 Material Design 2에서 Material Design 3으로 이전하는 방법을 알아보세요.
- 맞춤 디자인 시스템: Compose에서 맞춤 디자인 시스템을 구현하는 방법과 기존 Material Design 컴포저블을 조정하여 이를 처리하는 방법을 알아보세요.
- 테마 분석:
MaterialTheme및 맞춤 디자인 시스템에서 사용되는 하위 수준 구성과 API에 관해 알아보세요. - Compose로 XML 테마 이전: 뷰 기반의 XML 테마를 Compose로 이전하는 방법을 알아봅니다.
샘플
다음 샘플은 Jetpack Compose의 디자인 시스템을 보여줍니다.
추천 서비스
- 참고: JavaScript가 사용 중지되어 있으면 링크 텍스트가 표시됩니다.
- Compose의 Material Design 2
- Compose의 맞춤 디자인 시스템
- Compose의 테마 분석