Material Design для Android

Документация для разработчиков

Создание приложений с помощью Material Design

Видеоролик

Введение в Material Design

Видеоролик

Бумага и чернила: материалы, имеющие первостепенное значение

Видеоролик

Material Design в приложениях для конференции Google I/O

Material Design представляет собой комплексную концепцию создания визуальных, движущихся и интерактивных элементов для различных платформ и устройств. Теперь Android включает в себя поддержку приложений с элементами Material Design. Чтобы использовать элементы Material Design в своих приложениях под Android, руководствуйтесь инструкциями в спецификации Material Design, а также воспользуйтесь новыми компонентами и функциями, доступными в Android 5.0 (уровень API 21) и выше.

Android предоставляет следующие элементы для построения приложений в соответствии с концепцией Material Design:

  • новую тему;
  • новые виджеты для сложных представлений;
  • новые API-интерфейсы для нестандартных теней и анимаций.

Дополнительные сведения о реализации Material Design в Android см. в разделе Создание приложений с помощью Material Design.

Тема Material Design

Тема Material Design предоставляет новый стиль для ваших приложений, системные виджеты, для которых можно настраивать цветовую палитру, и анимации, выполняемые по умолчанию в качестве реакции на касание и при переходах между действиями.

Тема Material Design в темных тонах

Тема Material Design в светлых тонах


Дополнительные сведения см. в разделе Использование темы Material Design.

Списки и подсказки

Android предоставляет два новых виджета для отображения подсказок и списков с использованием стилей и анимаций Material Design:

Виджет RecyclerView представляет собой более гибкую версию ListView, которая поддерживает различные типы макетов и способствует повышению производительности.

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


Дополнительные сведения см. в разделе Создание списков и подсказок.

Тени представлений

Теперь, помимо свойств X и Y, представления в Android имеют свойство Z. Это новое свойство показывает, насколько представление "приподнято", иными словами, определяет

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

Дополнительные сведения см. в разделе Определение теней и обрезка представлений.

Анимация

Новые API-интерфейсы анимации позволяют создавать нестандартную анимацию для реакции на касание в элементах пользовательского интерфейса, изменения состояния представления и переходов между действиями.

Эти API-интерфейсы позволяют:

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

Анимация для реакции на касание встроена в некоторые стандартные представления, например кнопки. Новые API-интерфейсы позволяют разработчику настраивать эти анимации и добавлять их в свои нестандартные представления.

Дополнительные сведения см. в разделе Определение настраиваемой анимации.

Графические объекты

Следующие возможности по работе с графическими объектами облегчают реализацию приложений с элементами Material Design:

  • векторные объекты можно масштабировать без ущерба для четкости, и они отлично подходят в качестве одноцветных значков приложения;
  • тонирование графических объектов позволяет определять растровые изображения как альфа-маску и тонировать их нужным цветом во время выполнения;
  • извлечение цвета позволяет автоматически извлекать главные цвета из растровых изображений.

Дополнительные сведения см. в разделе Работа с элементами дизайна.