Перейти к основному содержимому

Бейдж

Badge виджет показывает количество элементов, требующих вашего внимания. Обычно это среднего размера точка, плавающая над другими виджетами, такими как IconButton.

Например, вы можете использовать бейдж для отображения количества непрочитанных уведомлений и товаров в вашей корзине.

img_3.png

Добавление виджета Badge​

Вот пример того, как вы можете добавить виджет Badge в ваш проект:

  1. Сначала перетащите виджет Badge из вкладки Base Elements и осторожно поместите его в раздел Actions на AppBar.
  2. Затем добавьте виджет IconButton внутри виджета Badge. Настройте иконку и её цвет в соответствии с вашими требованиями.
  3. Выберите виджет Badge, перейдите в панель свойств и установите отступ со стороны top на 5 и справа (right) на 15.

...

Разрешение анимации бейджа​

По умолчанию анимация бейджа происходит при изменении значения.

Чтобы разрешить/запретить анимацию бейджа:

  1. Выберите виджет Badge из области виджета или холста.
  2. Перейдите в панель свойств (справа на вашем экране) и прокрутите вниз до раздела Badge Properties.
  3. Найдите переключатель Animate и переключите его в положение включено или выключено.