Compose의 디자인 시스템

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

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

  • Material Design 3: Compose의 Material Design 3 구현을 통해 Material You를 구현하는 방법을 알아보세요.
  • Material 2에서 Material 3으로 이전: Compose에서 앱을 Material Design 2에서 Material Design 3으로 이전하는 방법을 알아보세요.
  • 맞춤 디자인 시스템: Compose에서 맞춤 디자인 시스템을 구현하는 방법과 기존 Material Design 컴포저블을 조정하여 이를 처리하는 방법을 알아보세요.
  • 테마 분석: MaterialTheme 및 맞춤 디자인 시스템에서 사용되는 하위 수준 구성과 API에 관해 알아보세요.
  • Compose로 XML 테마 이전: 뷰 기반 테마를 이전하는 방법을 알아보세요. Compose에 XML 테마를 추가합니다.

샘플

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

Jetsnack sample

Jetsnack is a sample snack ordering app built with Jetpack Compose. To try out this sample app, use the latest stable version of Android Studio. You can clone this repository or import the project from Android Studio following the steps here. This

Jetcaster sample 🎙️

Jetcaster is a sample podcast app, built with Jetpack Compose. The goal of the sample is to showcase building with Compose across multiple form factors (mobile, TV, and Wear) and full featured architecture. To try out this sample app, use the latest

Jetchat sample

Jetchat is a sample chat app built with Jetpack Compose. To try out this sample app, use the latest stable version of Android Studio. You can clone this repository or import the project from Android Studio following the steps here. This sample