Compose의 디자인 시스템

Jetpack Compose를 사용하면 디자인 시스템을 쉽게 구현하고 테마 설정, 구성요소 등을 통해 앱에 일관된 디자인과 분위기를 줄 수 있습니다.

다음 페이지에서는 디자인 시스템을 설계하고 구현하는 방법을 자세히 설명합니다.

  • Material Design 3: Compose의 Material Design 3 구현을 통해 Material You를 구현하는 방법을 알아보세요.
  • Material 2에서 Material 3으로 이전: Compose에서 앱을 Material Design 2에서 Material Design 3으로 이전하는 방법을 알아보세요.
  • Material Design 2: Compose의 Material Design 2 구현을 제품 브랜드에 맞게 맞춤설정하는 방법을 알아보세요.
  • 맞춤 디자인 시스템: Compose에서 맞춤 디자인 시스템을 구현하는 방법과 기존 Material Design 컴포저블을 조정하여 이를 처리하는 방법을 알아보세요.
  • 테마 분석: MaterialTheme 및 맞춤 디자인 시스템에서 사용되는 하위 수준 구성과 API에 관해 알아보세요.
  • Compose로 XML 테마 이전: Accompanist 테마 어댑터 라이브러리를 사용하여 뷰 기반의 XML 테마를 Compose로 이전하는 방법을 알아보세요.

샘플

다음 샘플은 Jetpack Compose의 디자인 시스템을 보여줍니다.