Блокирование элемента.
Блокирование элемента подразумевает собой запрет на изменение параметров и сценариев элемента, А также выделения его в области редактора. Блокирование / Разблокирование элемента осуществляется с помощью подпункта меню "Lock / Unlock In Editor" в пункте Edit (Правка) главного меню, меню дерева объектов и поля редактора. Заблокированные элементы не попадают в выделение, их нельзя перетаскивать, а также изменять их параметры.
Рисунок 1. Меню Edit (Правка).
Выравнивание.
Когда возникает необходимость выровнять несколько элементов по одной из границ или их центрам можно задать воспользоваться меню Align Elements (Выравнивание элементов) (рис. 2) и выбрать нужный пункт подменю. Перед этим необходимо в поле редактора выделить два и более элемента. Также следует учесть, что элементом, задающим границу или центр выравнивания, является активный элемент – выделен красной рамкой с жирными углами.
Рисунок 2. Выравнивание элементов.
Привязка к направляющим.
Рисунок 3. Включение привязки к направляющим.
При размещении элементов с помощью перетаскивания может понадобиться его точное расположение относительно другого элемента. При этом, не прибегая к настройке положения элемента. Включение режима привязки к направляющих может быть осуществлено при выборе подпункта "Snap to Guides" (рис. 3) в пункте главного меню View (Вид) или с помощью комбинации клавиш Ctrl + Shift + U.
Рисунок 4. Отображение направляющих.
Если режим привязки к направляющим включен, то при перетаскивании элемента в поле редактора будут отображаться вертикальные и горизонтальные линии зеленого и желтого цвета. Зеленые линии проходят вдоль правой и верхней границы элементов, а также подсвечивают элементы по периметру. Линии желтого цвета проходят через центр холста: по вертикали и по горизонтали.
Привязка к сетке.
Рисунок 5. Включение привязки к сетке.
Эта возможность позволяет привязать левый верхний угол элемента к сетке. Привязка будет происходить при перетаскивании элементов. Включение опции осуществляется с помощью пункта меню "Snap to Grid" (рис. 5) в пункте главного меню View (Вид) или с помощью комбинации клавиш Ctrl + Shift + G. Чтобы настроить шаг сетки нужно нажать левой кнопкой мыши в области, свободной от элементов. Тогда станут доступны параметры настройки холста. Задавая значение параметра Grid (Сетка), устанавливается шаг привязки в пикселах. При изменении элементов его стороны всегда будут проходить вдоль линий сетки.
Рисунок 6. Настройка параметров холста.
Масштаб поля редактора.
Рисунок 7. Меню выбора величины масштаба.
Для точной настройки размеров и расположения элементов на холсте может понадобиться увеличение масштаба холста редактора. Редактор оформления позволяет увеличивать масштаб максимум в 4 раза. Сделать это можно через подпункты "Zoom In" и "Zoom Out" главного меню View (Вид) (рис. 5), через выпадающий список «Zoom» на панели инструментов (рис. 7), а также с помощью горячих клавиш Ctrl + «+» для увеличения и Ctrl + «−». Клавиши «+» и «−» находятся на дополнительно цифровой клавиатуре.
Выделение нескольких элементов.
Выделить несколько элементов можно с помощью «резиновой» рамки. Только при этом в область рамки выделения могут попасть элементы, которые не должны быть выделены. Конечно, можно отключить их отображение в дереве объектов или заблокировать изменения. Но не всегда такой способ бывает удобен.
Для выделения определенных элементов нужно нажать клавишу Ctrl и левой кнопкой мыши выбирать нужные элементы нажатием на них.
Выделение снимается при нажатии левой кнопкой мыши в области редактора вне каких-либо элементов.
Сделать одинаковый размер нескольких элементов.
Нужно выделить элементы, размеры которых нужно сделать одинаковыми. Затем, перетаскивая угловые маркеры активного элемента, нужно установить минимальный размер всех элементов. После этого, с помощью угловых маркеров активного элемента задаем ему нужный размер. Размеры остальных выделенных элементов устанавливаются такими же, как размеры активного элемента. Это не единственный способ. Ниже описан еще один способ, с помощью которого можно задать одинаковый размер сразу нескольким элементам.
Изменение свойств нескольких элементов одновременно.
После выделения элементов в редакторе свойств элементов будут доступные только те свойства, которые можно изменять для всех элементов одновременно. Таким образом, можно некоторым элементам задать одинаковый размер, масштаб, видимость, прозрачность и другие доступные свойства.
Несмотря на то, что панель редактирования действий и модификаторов не будет доступна, возможность назначения нескольким элементам одного и того же действия и модификаторов все же будет. Для этого нужно скопировать действия или модификаторы (одно из двух). Затем выделить нужные элементы и нажать всем знакомую комбинацию клавиш Ctrl+V.
Живой просмотр Live Preview.
Live Preview (рис. 8) позволяет просмотреть оформление вживую, а также оценить правильность работы сценариев, заданных элементам. Кроме этого можно проверить поведение элементов при изменении размера окна.
Рисунок 8. Окно Live Preview.