Управление слоями

Слои — это система организации элементов на холсте. Каждый элемент (текст, изображение) является отдельным слоем, и вы можете управлять их порядком, видимостью и группировкой.

Просмотр списка слоев

В левой панели редактора находится вкладка "Слои", которая показывает все элементы на холсте в виде списка.

Иконки и обозначения

• "Tt" — текстовый элемент
• Изображение — элемент с изображением
• Папка — группа элементов
• 👁️ — иконка видимости (показывает, видим ли элемент)
• Z: число — порядок отображения слоя

Выбор элементов

1. Кликните на элемент в списке "Слои" — элемент выберется на холсте
2. Или кликните на элемент прямо на холсте — он выделится в списке слоев

Видимость элементов

Включение/отключение видимости

• Кликните на иконку 👁️ рядом с элементом в списке слоев
• Или используйте переключатель "Видимый" в панели свойств справа

Скрытие без удаления

Скрытые элементы не удаляются — они просто становятся невидимыми. Это полезно для временного скрытия элементов или создания шаблонов.

Порядок слоев (Z-index)

Элементы с большим значением Z отображаются поверх элементов с меньшим значением.

Изменение порядка

Через панель свойств:

1. Выберите элемент
2. В разделе "ТРАНСФОРМАЦИЯ" измените значение Z
3. Большее число = выше слой

Пример:

• Текст с Z: 1 отображается поверх изображения с Z: 0
• Чтобы изображение было поверх текста, установите изображению Z: 2 или больше

Группировка в папки

Папки помогают организовать множество элементов на холсте.

Создание папки

1. В списке "Слои" в левой панели найдите поле ввода "Название новой папки"
2. Введите название для папки (например, "Приколы" или "Фон")
3. Нажмите кнопку "+" справа от поля ввода
4. Новая папка появится в списке слоев

Добавление элементов в папку

Существует несколько способов добавления элементов в папку:

Способ 1: Перетаскивание

• Кликните и удерживайте элемент в списке слоев
• Перетащите его на папку или внутрь развернутой папки
• Отпустите кнопку мыши — элемент переместится в папку

Способ 2: Через контекстное меню

1. Кликните правой кнопкой мыши на элемент в списке слоев
2. Выберите "Переместить в папку" из контекстного меню
3. Выберите нужную папку из списка
4. Элемент переместится в выбранную папку

Переименование папки

1. Кликните правой кнопкой мыши на папку в списке слоев
2. Выберите "Переименовать" из контекстного меню
3. Введите новое название папки
4. Нажмите Enter или кликните вне поля для сохранения

Контекстное меню папки

При клике правой кнопкой мыши на папку доступны следующие опции:

• Переименовать — изменить название папки
• Удалить — удалить папку (элементы внутри останутся в списке слоев)
• Показать все — сделать видимыми все элементы внутри папки
• Скрыть все — скрыть все элементы внутри папки

Развертывание и сворачивание

• Кликните на папку (или на стрелку рядом с ней), чтобы развернуть/свернуть её содержимое
• Свернутая папка (▶) показывает только название и количество элементов
• Развернутая папка (▼) показывает все элементы внутри

Управление группой

Некоторые действия могут применяться ко всей папке:

• Скрытие папки через иконку 👁️ скрывает все элементы внутри
• Удаление папки не удаляет элементы — они возвращаются в корень списка слоев
• Перемещение порядка папок в списке изменяет общую иерархию

Переименование элементов

Каждый элемент на холсте имеет название, которое отображается в списке слоев. По умолчанию текстовые элементы называются "New Text", но вы можете изменить это название для удобства.

Как переименовать элемент

1. Кликните правой кнопкой мыши на элемент в списке "Слои"
2. Выберите "Переименовать" из контекстного меню
3. Введите новое название (например, "Заголовок" или "Мем про кота")
4. Нажмите Enter или кликните вне поля для сохранения

Организация элементов

Используйте осмысленные названия для элементов, чтобы легко находить их в списке слоев, особенно когда на холсте много элементов.

Поиск элементов

Если на холсте много элементов:

1. Используйте список "Слои" для быстрого поиска нужного элемента
2. Элементы перечислены с их названиями и значением Z-index (например, "Z: 71")
3. Выберите элемент в списке, чтобы быстро перейти к нему на холсте
4. Используйте названия элементов для более быстрого ориентирования

Удаление элементов

Существует несколько способов удаления элементов:

Способ 1: Через контекстное меню

1. Кликните правой кнопкой мыши на элементе в списке "Слои"
2. Выберите "Удалить" из контекстного меню
3. Элемент будет удален с холста

Способ 2: Через панель свойств

1. Выберите элемент на холсте или в списке слоев
2. В правой панели свойств найдите раздел "ДЕЙСТВИЯ"
3. Нажмите кнопку "Удалить" (иконка корзины)
4. Элемент будет удален

Способ 3: Клавиатура

• Выберите элемент и нажмите клавишу Delete (если поддерживается)

Осторожно с удалением

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

Работа с медиатекой

В левой панели есть вкладка "Медиатека", которая показывает доступные изображения:

1. Переключитесь на вкладку "Медиатека"
2. Выберите изображение для добавления на холст
3. Переключитесь обратно на "Слои" для управления элементами

Организация

Используйте папки для группировки связанных элементов:

• "Текст" — все текстовые элементы
• "Фон" — фоновые изображения
• "Анимация" — элементы для анимации

Примеры использования

Организация сложного виджета

1. Создайте папку "Фон" (Z: 0) — фоновые элементы
2. Создайте папку "Контент" (Z: 1) — основной контент
3. Создайте папку "Наложения" (Z: 2) — элементы поверх всего

Быстрое переключение видимости

• Скрывайте целые папки для быстрого переключения между разными версиями виджета
• Используйте это для создания нескольких сцен без дублирования элементов