Системы проектирования в Compose

Jetpack Compose позволяет легко реализовать систему дизайна и придать вашему приложению единообразный внешний вид с помощью тем, компонентов и многого другого.

На следующих страницах представлена ​​подробная информация о том, как спроектировать и внедрить вашу дизайн-систему:

  • Material Design 3 : узнайте, как реализовать Material You с помощью реализации Material Design 3 от Compose.
  • Миграция с Material 2 на Material 3. Узнайте, как перенести свое приложение с Material Design 2 на Material Design 3 в Compose.
  • Системы индивидуального дизайна . Узнайте, как реализовать систему индивидуального дизайна в Compose и как адаптировать существующие компонуемые элементы Material Design для этой цели.
  • Анатомия темы : узнайте о конструкциях нижнего уровня и API, используемых MaterialTheme и системами индивидуального проектирования.
  • Миграция тем XML в Compose . Узнайте, как перенести темы XML на основе представлений в Compose.

Образцы

Следующие примеры демонстрируют системы проектирования в Jetpack Compose:

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

Jetnews sample

Jetnews is a sample news reading app, built with Jetpack Compose. The goal of the sample is to showcase the current UI capabilities of Compose. To try out this sample app, use the latest stable version of Android Studio. You can clone this repository

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

{% дословно %} {% endverbatim %} ,

Jetpack Compose позволяет легко реализовать систему дизайна и придать вашему приложению единообразный внешний вид с помощью тем, компонентов и многого другого.

На следующих страницах представлена ​​подробная информация о том, как спроектировать и внедрить вашу дизайн-систему:

  • Material Design 3 : узнайте, как реализовать Material You с помощью реализации Material Design 3 от Compose.
  • Миграция с Material 2 на Material 3. Узнайте, как перенести свое приложение с Material Design 2 на Material Design 3 в Compose.
  • Системы индивидуального дизайна . Узнайте, как реализовать систему индивидуального дизайна в Compose и как адаптировать существующие компонуемые элементы Material Design для этой цели.
  • Анатомия темы : узнайте о конструкциях нижнего уровня и API, используемых MaterialTheme и системами индивидуального проектирования.
  • Миграция тем XML в Compose . Узнайте, как перенести темы XML на основе представлений в Compose.

Образцы

Следующие примеры демонстрируют системы проектирования в Jetpack Compose:

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

Jetnews sample

Jetnews is a sample news reading app, built with Jetpack Compose. The goal of the sample is to showcase the current UI capabilities of Compose. To try out this sample app, use the latest stable version of Android Studio. You can clone this repository

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

{% дословно %} {% дословно %}