Начните работу с Jetpack Compose

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

  • Обзор : ознакомьтесь с ресурсами, доступными разработчикам Compose.
  • Учебное пособие : начните работу с Compose, создав базовый пользовательский интерфейс.
  • Краткие руководства : попробуйте наши быстрые и подробные руководства, которые помогут вам достичь цели как можно быстрее.

Фундамент

  • Размышления в Compose : чем декларативный подход Compose отличается от подхода, основанного на представлениях, который вы, возможно, использовали ранее. Создайте мысленную модель работы с Compose.
  • Управление состоянием : настройка и использование состояния в приложении Compose.
  • Жизненный цикл компонуемых объектов : жизненный цикл компонуемого объекта и то, как Compose определяет, нужно ли его перерисовывать.
  • Модификаторы : используйте модификаторы для дополнения или украшения ваших компонуемых объектов.
  • Побочные эффекты в Compose : способы управления побочными эффектами.
  • Фазы Jetpack Compose : шаги, которые выполняет Compose для визуализации пользовательского интерфейса вашего приложения, и как использовать эту информацию для написания эффективного кода.
  • Архитектурные слои : архитектурные слои, составляющие Jetpack Compose, и основные принципы, лежащие в основе дизайна Compose.
  • Производительность : избегайте распространенных ошибок программирования, которые могут снизить производительность приложения.
  • Семантика в Compose : дерево семантики, которое организует ваш пользовательский интерфейс таким образом, чтобы его могли использовать службы специальных возможностей и фреймворки тестирования.
  • Локально ограниченные данные с CompositionLocal : используйте CompositionLocal для передачи данных через композицию.

Адаптивный пользовательский интерфейс

  • Создавайте адаптивные приложения : изучите основные принципы создания макетов, оптимизированных для любого размера экрана, включая телефоны, планшеты, складные устройства и многое другое.
  • Применяйте проверенные макеты : используйте канонические макеты, такие как список-подробности и вспомогательная панель для оптимизированных приложений на больших экранах.
  • Адаптивная навигация : реализуйте шаблоны навигации, которые автоматически подстраиваются под доступное пространство на экране.

Среда разработки

Дизайн

  • Макеты : создание компонентов макета и как разработать свой собственный.
    • Основы макета : строительные блоки для простого пользовательского интерфейса приложения.
    • Компоненты и макеты материалов : Компоненты и макеты материалов в Compose.
    • Пользовательские макеты : возьмите под контроль макет своего приложения и создайте свой собственный индивидуальный макет.
    • Линии выравнивания : создайте собственные направляющие выравнивания для точного выравнивания и позиционирования элементов пользовательского интерфейса.
    • Внутренние измерения : как запрашивать информацию о дочерних элементах перед их измерением, поскольку Compose измеряет элементы пользовательского интерфейса только один раз за проход.
    • ConstraintLayout : используйте ConstraintLayout в вашем пользовательском интерфейсе Compose.
  • Системы дизайна : Внедрите систему дизайна и придайте своему приложению единообразный внешний вид.
  • Списки и сетки : создавайте параметры для управления и отображения списков и сеток данных.
  • Текст : основные параметры Compose для отображения и редактирования текста.
  • Графика : функции для создания и работы с пользовательской графикой.
  • Анимация : создавайте варианты анимации элементов пользовательского интерфейса.
  • Жесты : создайте пользовательский интерфейс Compose, который распознает жесты пользователя и взаимодействует с ними.
  • Обработка взаимодействий с пользователем : как Compose абстрагирует низкоуровневые входные данные во взаимодействия более высокого уровня, чтобы вы могли настраивать реакцию компонентов на действия пользователя.

Принятие Compose

Дополнительные ресурсы

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