Виджеты
Виджеты — содержимое материала. Они живут внутри фреймов и групп, а их порядок виден во вкладке Layers.
Как создать виджет
Нажмите кнопку нужного типа на нижней панели, затем протяните прямоугольник на холсте. Двойной клик по кнопке сразу создаёт виджет в центре видимой области. Обычный начальный размер — 300 × 200 px; Info Point создаётся точкой диаметром 12 px.
Два способа создания стоит сравнить рядом: рисование задаёт размер и место, двойной клик использует стандартную геометрию.
Доступны:
Фрейм и группа тоже находятся в дереве материала, но решают структурные задачи.
Общие настройки
У большинства виджетов есть Layout, Style, Stroke, Effects, Link, Parallax, Fix on Scroll, Animation и Interactions. Состав зависит от типа: например, у Embed намеренно нет обводки и анимации, а у изображения есть отдельный редактор файла.
Если после стандартных кнопок появились дополнительные, это пользовательские виджеты проекта.
Lottie
Новый виджет создаётся с прозрачным фоном.
Создайте виджет кнопкой Lottie на нижней панели. Нажмите значок в пустом виджете или Upload Lottie в правой панели и выберите файл .json или .lottie. После загрузки в правой панели появится компактная карточка с именем и форматом файла. Кнопка замены (Replace) заменяет файл, крестик (Remove) убирает его. Во время загрузки отображается статус, а при ошибке замены предыдущий файл сохраняется.
В настройке Playback выберите режим:
Visibility— анимация проигрывается, пока виджет виден на экране; повторение задаётся вRepeat.Scroll— кадр привязан к прогрессу прохождения виджета через экран снизу вверх. Прокрутка назад возвращает анимацию назад, остановка прокрутки удерживает текущий кадр.
В режиме Visibility ползунок Speed задаёт скорость от 0,25× до 3×. В Repeat выберите Once для одного прохода с остановкой на последнем кадре или Loop для бесконечного повторения. По умолчанию установлены 1× и Loop. В режиме Scroll настройка Repeat тоже действует: Loop начинает следующий цикл при дальнейшем скролле, Once удерживает последний кадр. Speed умножает прогресс прокрутки: при 2× и Loop виджет проходит два цикла за полный путь через экран, при 0,5× — половину цикла. При остановке прокрутки кадр удерживается и в Loop.
В режиме Visibility при выходе из видимой области она ставится на паузу, при возвращении — продолжается с того же места. Завершённое однократное воспроизведение остаётся на последнем кадре. Если редактор выгрузил далёкий от экрана виджет, воспроизведение начнётся заново при его возвращении. Анимация вписывается в размеры виджета с сохранением пропорций. Размеры, поворот, фон и прозрачность задаются обычными настройками контейнера.
В Quality выберите качество рендера: High (по умолчанию) сохраняет полное качество и штатную плотность пикселей плеера; Medium использует качество 50 и плотность 1×; Low — качество 25 и плотность 0,75×. Снижение качества уменьшает нагрузку ценой детализации. Настройка действует в обоих режимах воспроизведения и сохраняется в статье. Speed остаётся последним контролом.
На холсте редактора анимация проигрывается только у выделенного Lottie-виджета, если включён Play in editor (по умолчанию включён). Снятие выделения возвращает первый кадр в обоих режимах. При повторном выделении Visibility запускается сначала, включая завершённый Once, а Scroll снова показывает кадр по текущему положению прокрутки. Отключение чекбокса при сохранённом выделении удерживает текущий кадр. Настройка не влияет на предпросмотр статьи и опубликованный материал.