Область редактирования
Область редактирования предназначена для настройки внешнего вида проекта (модуля), методом ручного размещения компонентов, настройки взаимосвязей между ними и редактирования их свойств. Все front-операции проводятся в визуальном режиме, без написания дополнительного кода, что значительно ускоряет процесс разработки приложения.
Область редактирования может находиться в двух режимах. Первый - режим просмотра. В этом режиме поведение области редактирования ничем не отличается от поведения обычного браузера, никакие компоненты не выделяются и визуально не редактируются. Второй режим - режим редактирования. В этом режиме производятся все визуальные изменения, переключения активных элементов в редакторах и древовидном списке, перемещения, настройки привязок между компонентами и т.д.
Переход из одного режима в другой осуществляется нажатием горячей кнопки Shift.
В процессе движения мыши над областью редактирования, верхний (ближний) компонент, над которым находится мышь в текущий момент и который потенциально может быть сделан активным, выделяется бегущей по его краям в направлении движения часовой стрелки пунктирной линией зелёного цвета.
В свою очередь, активный компонент (выделенный нажатием мыши), обводится переливающейся сине-белой пунктирной линией, бегущей по его краям в направлении противном движению часовой стрелки. Активный компонент становится редактируемым в данный момент (Редактор свойств и Редактор привязок раздела переключаются на работу с ним, в списке компонентов Дерева объектов он становится активным).
Обводка производится по внешней геометрической границе компонента с учётом радиуса закругления внешней его границы.
При нажатии над компонентом и удерживании его левой кнопкой мыши, он может быть перемещён, если этому не мешают назначенные привязки.
Активный компонент на своей обводке имеет шесть точек модификации при помощи мыши: белые - для изменения геометрического размера в соответствующем направлении, пурпурный - для изменения угла вращения компонента, зелёный - для изменения радиуса его границы.
При нажатии горячей кнопки Ctrl, активный компонент переходит в режим визуального редактирования привязок и помечается пятью точками модификации.
Для назначения привязки, необходимо нажать левую кнопку мыши над одной из точек компонента и, не отпуская, потянуть её в сторону другого целевого компонента. Для фиксации новой привязки, необходимо отпустить мышь в тот момент, когда принимающая точка приобретёт зелёную окраску. В противном случае, привязка не будет осуществлена.
Если нажать Ctrl, редактор покажет уже существующие привязки активного компонента.
Более детально механизм привязок будет рассмотрен ниже.
Для обратного перехода в режим редактирования, необходимо повторно нажать горячую кнопку Ctrl.
Last updated