Слои, группы и выравнивание
Для работы со сложными проектами в MixSlide есть удобные инструменты организации — панель слоёв, группировка и инструменты выравнивания.
Панель слоёв
Откройте панель структуры (слоёв) в левой части интерфейса — она показывает все блоки текущей страницы в виде дерева. Здесь можно:
- видеть всю структуру страницы;
- менять порядок блоков (z-order) перетаскиванием;
- переименовывать блоки для удобства;
- быстро находить нужный элемент в сложной компоновке.
Порядок в панели слоёв соответствует порядку наложения на холсте: элементы выше в списке — перекрывают нижние.
Группировка
Несколько элементов можно сгруппировать — они будут перемещаться, масштабироваться и анимироваться как единый объект.
- Выделите несколько элементов (Shift + клик или рамочное выделение).
- Нажмите «Группировать» в контекстном меню или используйте горячие клавиши.
- Для разгруппировки — «Разгруппировать» в контекстном меню.
Чтобы выбрать конкретный элемент внутри группы — кликните один раз для выбора группы, ещё раз для выбора элемента внутри.
Z-порядок (порядок наложения)
Чтобы изменить порядок наложения элементов, не открывая панель слоёв, используйте кнопки на панели инструментов:
- Поднять на уровень вверх;
- Опустить на уровень вниз;
- На самый верх;
- На самый низ.
Инструменты выравнивания
При выделении нескольких элементов появляются инструменты выравнивания:
| Действие | Результат |
|---|---|
| По левому краю | Все элементы выравниваются по левой грани крайнего левого |
| По правому краю | Аналогично, по правой грани |
| По центру (горизонталь) | Центры элементов по горизонтали |
| По верхнему краю | По верхней грани |
| По нижнему краю | По нижней грани |
| По центру (вертикаль) | Центры по вертикали |
| Распределить по горизонтали | Равные промежутки между элементами |
| Распределить по вертикали | Равные промежутки по вертикали |
Ширину или высоту нескольких блоков можно синхронизировать — задайте значение для одного, выделите все и примените.
Индикатор расстояний
При перемещении элемента с включённым магнитом видны расстояния в пикселях до ближайших объектов и до краёв холста. Это позволяет добиться точных отступов без ввода чисел вручную.