Рабочая область

Рабочая область используется для просмотра и редактирования компоновки контейнера/компонента во время создания UI. Она является основной частью окна конструктора UI.

Рабочая область всегда отображает основной контейнер инструментальной панели - ее корневую панель. Если она содержит дочерние компоненты или контейнеры, в рабочей форме отображается полная иерархия. Другими словами, инструментальная панель в рабочей области очень напоминает то, как она будет выглядеть в готовом приложении.

Можно перетаскивать новые компоненты из палитры в рабочую форму, перемещать компоненты внутри текущего контейнера или в другие контейнеры, изменять размер компонентов, создавать новые привязки и  так далее. Более подробно об этом см. в разделе Редактирование расположения компонентов.

Рабочая область выглядит следующим образом при редактировании инструментальной панели:

Компоненты конструктора UI выглядят почти так же, как в будущем готовом приложении, за исключением нескольких различий:

  • Живые данные на стороне сервера в большинстве случаев не отображаются.

  • Большая часть вводимых пользователем данных игнорируется.

  • Все контейнеры выделены рамками, содержащими их названия и функции быстрого редактирования.

  • Отображается сетка ячеек в макете сетки и вспомогательная сетка в абсолютном позиционировании.

Контекстное меню

Клик правой кнопкой мыши на компонент внутри рабочей области вызовет контекстное меню со следующими пунктами:

  • Компоненты. Подпункты этого пункта меню позволяют выбрать один из соответствующих компонентов (например, компонент/контейнер и любой из его контейнеров более высокого уровня)

  • Клон. Этот пункт меню создает копию компонента.