Описание тега material-components

Модульные и настраиваемые компоненты пользовательского интерфейса Material Design. Для вопросов, связанных с платформой, добавьте [ios], [web] или [android].
0 ответов

Можем ли мы перевести анимацию в определенное состояние?

Я хочу запустить анимацию, когда пользователь нажимает Button, но я также хочу, чтобы анимация развивалась плавно пропорционально перетаскиванию нижнего листа, как здесь. Можно ли продвигать анимацию, например: animation.advanceTo(0.5); // float val…
1 ответ

Почему заголовок карты компонентов материала выровнен по низу?

Я делаю карточку с материальными компонентами для веба, и я хочу, чтобы в макете моего шаблона были все данные. Теперь, когда я использую mdc-card__title или субтитры, они оба выравниваются по низу карты, что мне не нужно. Что-то не так я делаю? Смо…
12 апр '17 в 16:54
2 ответа

Как установить разностный цвет делителя и текста на TextInputLayout при использовании setError()

Я хочу использовать цвет разницы между делителем и текстом ошибки, когда setError()
1 ответ

Не работает эффект пульсации mdc-icon-toggle в компонентах материала

Только началось с материальных компонентов. я стараюсь mdc-icon-toggleкод HTML <i class="mdc-icon-toggle material-icons" role="button" aria-pressed="false" aria-label="Add to favorites" tabindex="0" data-toggle-on='{"label": "Remove from favorite…
11 окт '17 в 10:10
1 ответ

Невозможно импортировать материал-компоненты-сеть с помощью Webpack 2

Я изо всех сил пытаюсь реализовать material-components-web в приложении React правильно с Webpack 2. Я хочу импортировать файлы Sass, чтобы они могли быть тематическими. Вот то, что я считаю релевантными частями моего конфига: var webpackConfig = mo…
03 апр '17 в 14:23
1 ответ

TextInputLayout суффикс / префикс

Я хочу добавить суффикс к TextInputLayout. Пример взят из материала.io Есть ли стандартные решения?
0 ответов

Переход состояния значка с кнопкой переключения значков в компонентах дизайна материалов mdc-web

Как использовать эффект перехода состояния, как показано в руководстве по проектированию материалов ( https://material.io/design/iconography/animated-icons.html), при использовании кнопки переключения значков. Я хочу плавный анимированный переход от…
3 ответа

Отображение и скрытие BottomAppBar на свитке

Я пытаюсь реализовать BottomAppBar где я буду обрабатывать навигацию WebView, <androidx.coordinatorlayout.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmln…
16 май '18 в 19:47
2 ответа

Стиль SnackBar в приложении темы

Мне нужна помощь. Как изменить дизайн текста в снэк-баре в приложении стилей? Изменение в коде меня не интересует. Я нашел следующий код. Но это не работает для меня. Это почему? Моя тема взята из @style/Theme.AppCompat.Light.DarkActionBar". Буду оч…
6 ответов

Значок кнопки Материал отображается без цвета

Я использую следующую кнопку материала: <android.support.design.button.MaterialButton android:id="@+id/bFavourite" style="@style/Widget.MaterialComponents.Button.UnelevatedButton.Icon" android:layout_width="wrap_content" android:layout_height="wr…
1 ответ

Material Design Компонент и поля ввода ответной реакции

Итак, у меня есть MDC, окончательно работающий с React и использующий документы Google. Я определил, что мне как-то нужно реагировать для запуска следующего JS, когда пользователь нажимает на поле ввода - в основном, метка должна перемещаться над вв…
06 сен '17 в 20:47
1 ответ

Нижний навигационный ящик

У меня проблемы с реализацией нижнего ящика, как показано в примере из: https://material.io/design/components/navigation-drawer.html Сначала я сделал что-то похожее на: https://material.io/develop/android/components/navigation-view/ Но я не знаю, ка…
2 ответа

Как реализовать шаблоны реагирования на положение в MDC-Web (материал-компоненты-сеть)?

Скажите, пожалуйста, как использовать материал-компоненты-сеть для реализации этого шаблона: Ссылка на Material.io
03 май '17 в 06:43
1 ответ

Полуэкранный и полноэкранный нижний лист с материальными компонентами для iOS (swift)

Я использую компоненты материала для iOS для создания перетаскиваемого нижнего листа, который запускает половину экрана (режим предварительного просмотра), и вы можете перетащить на полный экран. Но я не знаю как, и документация не очень полная. htt…
0 ответов

Компоненты материала выдают ошибку при включении JavaScript в IE11

У меня есть приложение angular 4, в котором я использую нативные компоненты материала, а не угловой материал. Поскольку я использую angular-cli, я запускаю приложение, используя ng serve. Из руководства для начинающих я выполнил шаги по интеграции б…
1 ответ

Как перезаписать цвет темы @material только для одного компонента?

$mdc-theme-secondary: #6b2574 уже определен в верхней части файла index.scss. У меня есть компонент флажка материала, который по умолчанию использует $mdc-theme-secondary в качестве цвета фона. Я хочу изменить цвет флажка без изменения mdc-theme-sec…
1 ответ

BottomSheet прыгает на нажатие кнопок

У меня есть BottomSheet, в котором находится карточка с информацией о продукте. Проблема в том, что, когда я нажимаю кнопку + или - на детали продукта, когда нижний лист находится в расширенном состоянии, он падает вниз. Когда он выключен, и я нажим…
0 ответов

Как добавить поле поиска на MDCAppBar

Я пытаюсь реализовать экран поиска с использованием компонентов Material для iOS. Попытка добавления MDCTextField в качестве titleView на navigationItem MDCTextField *field = [[MDCTextField alloc] init]; self.navigationItem.titleView = field; Я доба…
1 ответ

Глобальный стиль для нового com.google.android.material.textfield.TextInputEditText

Можно ли стилизовать новый компонент com.google.android.material.textfield.TextInputEditText, не устанавливая его для каждого дополнительного компонента? Например: Для нового TextInputLayout я могу установить стиль глобально следующим образом: <s…
1 ответ

Постоянный BottomSheet: проведите, чтобы развернуть проблему

У меня есть CoordinatorLayout в том числе LinearLayout как мой BottomSheet. Также есть FrameLayout (прямой дочерний элемент CoordinatorLayout). <?xml version="1.0" encoding="utf-8"?> <android.support.design.widget.CoordinatorLayout xmlns:an…