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

FlippableCard

Виджет FlippableCard обеспечивает визуальное взаимодействие, называемое 'анимация переворота карты'. Изначально он показывает лицевую сторону карты, и когда вы на нее нажимаете, показывает обратную сторону.

Вы можете использовать этот виджет для показа и скрытия деталей элемента (например, кредитной карты, карточки онлайн-курса, купона и т. д.)

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

Чтобы добавить виджет FlippableCard:

  1. Сначала нажмите на + Добавить Виджет и перетащите виджет FlippableCard из вкладки Элементы Макета или добавьте его непосредственно из дерева виджетов.
  2. Выберите Лицевую сторону карты из дерева виджетов и настройте или замените Контейнер виджетом по вашему выбору. Например, замените его виджетом Кредитная Карта (в разделе Шаблоны > Виды Карт).
  3. Чтобы отредактировать обратную сторону карты, выберите FlippableCard, перейдите в панель свойств, прокрутите вниз до раздела Свойства Flippable Card и включите Редактирование Обратной Стороны Карты.
  4. Теперь выберите Обратную сторону карты из дерева виджетов и настройте или замените Контейнер виджетом по вашему выбору. Например, снова добавьте виджет Кредитной Карты и настройте его для отображения деталей.

Настройка​

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

Изменение направления переворота​

По умолчанию этот виджет переворачивает карту в горизонтальном направлении (т. е. слева направо и справа налево).

Чтобы изменить направление переворота:

  1. Выберите виджет FlippableCard из дерева виджетов или области холста.
  2. Перейдите в панель свойств, прокрутите вниз до раздела Свойства Flippable Card.
  3. Найдите выпадающий список Направление Переворота и измените его на Горизонтально или Вертикально.

Изменение продолжительности анимации переворота​

При нажатии на этот виджет анимация переворота завершается за 400 мс (миллисекунд). Вы можете изменить эту продолжительность, если хотите, чтобы она была немного быстрее или медленнее.

Для изменения продолжительности анимации переворота:

  1. Выберите виджет FlippableCard из дерева виджетов или области холста.
  2. Перейдите в панель свойств, прокрутите вниз до раздела Свойства Flippable Card.
  3. Найдите свойство Продолжительность Анимации Переворота и измените значение. Примечание: Значение должно быть в миллисекундах (например, 1000 мс = 1 секунда).

Отключение переворота при нажатии​

По умолчанию карта переворачивается при нажатии на нее. Чтобы отключить это поведение, перейдите в панель свойств > Свойства Flippable Card и отключите переключатель Переворот при нажатии.