По мере появления Google I/O Material Design обновляется до версии 3

Сейчас проходит Google I/O 2022, и, как сообщается, поисковый гигант обновил свою документацию по языку дизайна для Android до Material 3.

Новый вариант вносит ряд изменений в интерактивные элементы ОС. Самым большим из них может быть разница в расположении плавающей кнопки действия (FAB). Ранее располагавшийся как элемент пользовательского интерфейса над нижней панелью, теперь он отображается внутри самой нижней панели. Точно в нижней правой части пользовательского интерфейса.

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

Что еще нового в документации по Материалу 3 от Google?

Кроме того, Google добавил новые кнопки для использования в пользовательском интерфейсе Material Design 3 для Android. Это очерченные заполняемые значки и новые круглые значки. Оба они заполняются при выборе.

Еще одно изменение в этих типах значков заключается в том, что они больше не будут отображать название кнопки при наведении или длительном нажатии. По крайней мере, не для каждой кнопки. Вместо этого Google предлагает разработчикам предоставить «подсказку», описывающую, что делает кнопка при нажатии.

Новый дизайн для сегментированных кнопок также присутствует. Как показано ниже. Теперь кнопки, сегментированные на одной панели, не будут просто подсвечиваться при выборе. Они также будут отображать галочку, чтобы лучше прояснить, что было выбрано пользователями. Более того, сегментированный пользовательский интерфейс теперь закруглен. В предыдущих версиях Material Design кнопка была квадратной.

Аналогичное изменение внесено в простые тумблеры, которые теперь показывают галочку при активации. И они также выше, но занимают меньше горизонтального пространства. Теперь часть пользовательского интерфейса «переключатель» полностью заключена в ползунок. В отличие от расширения за пределы этого.