Skip to content

Слайдер ​

Слайдер собирает изображения или отдельные редактируемые Frame в одну область. Тип содержимого выбирается в секции Content: Images сохраняет обычную галерею, а Frames показывает в Slider живые масштабированные зеркала фреймов, расположенных отдельно на канвасе.

Содержимое ​

Images ​

Изображения можно добавлять, удалять и менять местами. Режим caption добавляет подписи и открывает Caption Style: шрифт, размер, line height, tracking, выравнивание, декорацию, цвет и расположение внутри или снаружи изображения.

Frames ​

В режиме Frames сам Slider остаётся компактным зеркалом, а содержимое каждого слайда хранится в обычном исходном Frame рядом с брейкпоинтом. Если Slider находится вне брейкпоинта, лента создаётся рядом с самим Slider. Нажмите + в заголовке секции Content, чтобы создать первый исходник. Общая рамка объединяет исходники в одну ленту: перетаскивайте её только за свободный голубой фон, а не за отдельный Frame. Курсор перетаскивания появляется над этим фоном и центральной точкой исходника; внутри самого Frame сохраняется обычный курсор для редактирования. Кнопка + на правой границе рамки добавляет следующий исходник.

В списке слайдов можно:

  • перейти к исходному Frame нажатием на его имя;
  • изменить порядок перетаскиванием строки;
  • удалить слайд вместе с принадлежащим ему исходником.

На канвасе порядок меняется напрямую: круглые контролы отображаются на всех исходных фреймах. Возьмите контрол одного фрейма — вместе с указателем перемещается превью самого фрейма и его содержимого, а на исходном месте остаётся синяя рамка. Наведите превью на другой фрейм и отпустите, чтобы поменять эти два фрейма местами. Если отпустить указатель вне другого фрейма, порядок не изменится.

Дважды кликните по зеркалу, чтобы включить интерактивный режим, затем перетаскивайте содержимое в сторону для смены слайда. В активном зеркале двойной клик по слайду переносит к его исходному Frame. Изменения фона, дочерних виджетов и их расположения сразу появляются в Slider. Исходники можно редактировать и менять по размеру, но нельзя раздвигать по одному: для перемещения всей ленты используйте фон общей рамки. Само зеркало предназначено только для просмотра: редактировать его содержимое нужно в исходнике.

Роль исходного фрейма управляется Slider автоматически, поэтому секции Frame, Fix on Scroll, Stick to Edges и строка Position для него скрыты. Размер остаётся доступен в Layout, а значение скругления — в Style. Системные имена Slide 1, Slide 2 и далее автоматически обновляются при изменении порядка. Если переименовать исходник вручную, пользовательское имя сохраняется и больше не перенумеровывается. Угловые ручки радиуса на канвасе скрыты, чтобы они не мешали работе с лентой. Если скопировать такой исходник отдельно от Slider, вставленная копия становится обычным независимым Frame.

Все исходники одной ленты имеют одинаковый размер и пропорции. Если изменить ширину или высоту одного исходного Frame, остальные исходники синхронизируются и лента сразу пересобирается без наложений и пустых промежутков, а высота Slider пересчитывается по новой пропорции. Ширина зеркала остаётся независимой: например, исходник 300×180 отображается в Slider 100×60 с равномерным масштабом 1/3. Изменение размера зеркала не уменьшает исходные фреймы.

Slider владеет созданной им лентой: удаление слайда удаляет его исходный Frame, после чего оставшиеся исходники автоматически собираются без пустого места. Удаление Slider удаляет все его исходники, включая ленты корректно вложенных Frame Slider. Копирование или дублирование также рекурсивно клонирует вложенные ленты и не связывает копию с оригинальными исходниками. При переключении между Images и Frames редактор предупреждает об удалении текущего содержимого. Не используйте исходный Frame одной ленты в другом Slider.

Для Frame-слайдов доступны обычные переходы, Navigation, точки и счётчик Pagination. Режим миниатюр не применяется и отображается как точки. Если ссылка на исходник повреждена, редактор показывает действия Locate и Remove, а исправные соседние слайды продолжают работать. Удаление повреждённого элемента убирает только его запись и не удаляет обычный или принадлежащий другой ленте Frame.

Parameters ​

Здесь настраиваются тип и направление перехода, его длительность, начальный слайд, расстояние между слайдами, курсор, количество видимых слайдов и зацикливание. Дополнительные поля зависят от выбранного эффекта.

В эффекте Cards поле Per offset задаёт смещение соседних карточек в процентах от размера слайда по направлению перехода: от ширины для Horizontal и от высоты для Vertical.

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

Auto play ​

После добавления Auto play задайте направление, поведение после действий читателя, задержку, паузу при наведении и остановку на последнем слайде.

Переходы и управление обязательно проверьте в Preview.