Вкладка Layout позволяет создавать дизайн экрана и добавлять визуальные компоненты в режиме WYSIWYG.
Рабочее пространство вкладки разделено на четыре панели:
- Canvas - рабочее пространство, на котором можно располагать визуальные компоненты экрана в желаемом порядке. Размер и положение компонентов можно изменять при помощи следующих элементов управления:
- растянуть по горизонтали
- растянуть по вертикали
- выровнять компонент по горизонтали/вертикали
По умолчанию размер рабочей области определяется текущим свободным пространством на экране. С помощью поля Design layout dimensions на вкладке Properties можно указать размеры в пикселях. Если указанные размеры превышают текущее свободное пространство, будут отображены полосы прокрутки.
- Components - палитра, отображающая набор доступных визуальных компонентов. Для того чтобы добавить компонент на экран, нужно выбрать его в палитре и перетащить в рабочее пространство панели Canvas или на панель Hierarchy
- Hierarchy - панель, отображающая дерево компонентов, уже добавленных на экран. Элемент в дереве можно менять местами, используя drag-and-drop, что иногда намного удобнее, чем на панели Canvas. By right-clicking an element in the hierarchy, you can remove, copy, cut or paste it.
- Properties - панель, отображающая свойства выбранного визуального компонента. Свойства семантически распределяются по двум вкладкам: Properties и Layout.