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

Карточка

Виджет Card используется для представления связанной информации в рамке с закругленными углами и легкой тенью для создания 3D-эффекта. Например, вы можете использовать виджет Card для отображения визитной карточки, информации о ресторане, деталей фильма и т. д.

Виджет Card часто используется вместе со списком для отображения информации о элементах для конкретной записи.

img.png

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

Вот пример того, как вы можете использовать виджет Card в своем проекте:

  1. Откройте Палитру виджетов и найдите виджет Card на вкладке Элементы макета. Вы можете перетащить его в нужное место или добавить непосредственно из дерева виджетов или области холста.
  2. Начните с добавления виджета Row или Column внутри Card и постройте UI в соответствии с вашими требованиями.

Настройка

Вы можете настроить внешний вид и поведение этого виджета с помощью различных свойств, доступных в панели свойств.

Стилизация карточки

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

Вот как стилизовать виджет Card:

  1. Выберите виджет Card и перейдите в Панель свойств > Свойства Card.
  2. Чтобы изменить цвет фона, измените свойство Color.
  3. Чтобы изменить высоту (глубину или ось Z), введите значение в свойство Elevation.
  4. Чтобы создать закругленную границу, используйте свойство Border Radius. Для равномерной кривизны со всех сторон используйте опцию Uniform Radius, перемещая ползунок или вводя предпочитаемое значение напрямую.