Переворачивающаяся карточка

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

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

Чтобы добавить виджет FlippableCard, выполните следующие действия:

• Сначала нажмите на + Add Widget и перетащите виджет FlippableCard с вкладки Layout Elements или добавьте его непосредственно из дерева виджетов.
• Выберите виджет Card Front в дереве виджетов и настройте или замените контейнер виджетом по вашему выбору. Например, замените его виджетом Кредитная карта (в разделе Шаблоны > Виды карт).
• Чтобы отредактировать обратную сторону карточки, выберите FlippableCard, перейдите на панель свойств, прокрутите вниз до Свойств Flippable Card и включите опцию Edit Back of Card.
• Теперь выберите Card Back в дереве виджетов и настройте или замените Container виджетом по своему выбору. Например, добавьте виджет «Кредитная карта» и настройте его так, чтобы он показывал детали.

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

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

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

• Выберите виджет FlippableCard в дереве виджетов или в области холста.
• Перейдите к панели свойств и прокрутите вниз до раздела Свойства перелистываемой карточки.
• Найдите выпадающий параметр «Направление перелистывания» и измените его на «Горизонтальное» или «Вертикальное«.

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

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

• Выберите виджет FlippableCard в дереве виджетов или в области холста.
• Перейдите к панели свойств и прокрутите вниз до раздела Свойства перелистываемой карточки.
• Найдите свойство Flip Animation Duration и измените его значение. Примечание: Значение должно быть в миллисекундах (например, 1000 мс = 1 секунда).

По умолчанию карта переворачивается при нажатии на нее. Чтобы отключить это поведение:

• Выберите виджет FlippableCard в дереве виджетов или в области холста.
• Перейдите к панели свойств и прокрутите вниз до раздела «Свойства перелистываемой карточки«.
• Найдите переключатель Flip on Tap и отключите его.

Здесь приведены инструкции по добавлению подкладок.

Здесь приведены инструкции по настройке выравнивания.