Коллекция быстрых руководств
Отображать интерактивные компоненты
Выберите подходящий компонент для своего пользовательского интерфейса и узнайте, как реализовать его в своем приложении.
Создайте компонент каркаса для объединения пользовательского интерфейса.
Фундаментальная структура, обеспечивающая стандартизированную платформу для сложных пользовательских интерфейсов. Формы объединяют различные части пользовательского интерфейса, такие как панели приложений и плавающие кнопки действий, придавая приложениям целостный внешний вид.
Отображение панели приложения
Контейнеры предоставляют пользователю доступ к ключевым функциям и элементам навигации. Существует два типа панелей приложений: верхняя панель приложений и нижняя панель приложений.
Создать кнопку
Эти фундаментальные компоненты позволяют пользователям запускать определенное действие. Существует пять типов кнопок. Просмотрите внешний вид каждого из пяти типов кнопок, а также то, где их следует использовать, и узнайте, как их реализовать.
Создайте плавающую кнопку действия (FAB
Выделенная кнопка, позволяющая пользователям выполнять основное действие в приложении. Этот компонент кнопки продвигает одно целенаправленное действие, которое является наиболее распространенным путем, который может предпринять пользователь, и обычно находится в правом нижнем углу экрана.
Создайте карточку как контейнер
Действует как контейнер Material Design для вашего пользовательского интерфейса. Карты обычно представляют собой единый связный фрагмент контента. Именно сосредоточенность на изображении одного фрагмента контента отличает Card от других контейнеров.
Создайте чип для представления сложных объектов
Компактный интерактивный элемент пользовательского интерфейса, представляющий сложные объекты, такие как контакт или тег, часто со значком и меткой. Фишки можно отмечать, отклонять или кликать.
Отображение всплывающих сообщений или запросов на ввод данных пользователем
Отображает всплывающие сообщения или запрашивает ввод данных пользователем на уровне над основным содержимым приложения. Этот компонент создает прерывающийся пользовательский интерфейс, чтобы привлечь внимание пользователя.
Создайте индикатор прогресса
Визуально отображает статус операции. Используя движение, чтобы обратить внимание пользователя на то, насколько близок к завершению процесс, например загрузка или обработка данных, эти индикаторы могут указывать на то, что обработка происходит, не указывая на близость к завершению.
Создайте ползунок для диапазона значений
Позволяет пользователям делать выбор из диапазона значений в непрерывном диапазоне, например, устанавливать громкость звука или фильтровать данные графика по диапазону цен.
Добавьте переключатель, который пользователи смогут переключать
Позволяет пользователям переключаться между двумя состояниями. Пользователи могут перетаскивать или щелкать ползунок переключателя, чтобы изменить текущее состояние.
Создайте нижний лист
Показывает дополнительный контент, привязанный к нижней части экрана. Вы можете использовать стандартные или модальные нижние листы, чтобы показывать пользователям второстепенный контент.
Создайте выдвижное меню с помощью компонента панели навигации.
Выдвижное меню, позволяющее пользователям переходить к различным разделам вашего приложения. Пользователи могут активировать его, проведя пальцем сбоку или коснувшись значка меню.
Создать уведомление с закусочной
Показывает краткое уведомление в нижней части экрана. Это может обеспечить обратную связь об операции или действии, не прерывая работу пользователя. Закусочные исчезают через несколько секунд. Пользователь также может закрыть их вручную.
Отобразить список или сетку
Эффективно отображайте и упорядочивайте наборы элементов с помощью списков и сеток.
Есть вопросы или отзывы
Перейдите на нашу страницу часто задаваемых вопросов и узнайте о кратких руководствах или свяжитесь с нами и сообщите нам свои мысли.