Выравнивание компонентов#

Выравнивание компонентов на поле редактирования возможно через контекстное меню выделенных компонентов.

Выравнивание упрощает работу с несколькими компонентами одновременно при необходимости выравнивания их относительно друг друга.

В данной статье рассмотрены несколько примеров использования выравнивания компонентов.

Центрирование по вертикали#

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

Создадим компоненты для отображения данных о переменной, подпись для нее и кнопку, которая будет управлять отключением электроснабжения.

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

../../../_images/vcenter1.png

Исходные компоненты#

Для выравнивания компонентов необходимо их выделить и воспользоваться диалогом выравнивания.

../../../_images/vcenter2.png

Настройки выравнивания#

После подтверждения, компоненты будут автоматически выравнены по их центрам по вертикали и между ними будут установлены одинаковые расстояния по горизонтали.

../../../_images/vcenter3.png

Результат#

Центрирование по горизонтали#

Если необходимо разместить компоненты по вертикали (друг под другом), нужно сделать так, что бы горизонтальные координаты компонентов имели одинаковые значения.

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

выравнивание2

Создаем на поле редактирования компоненты:

TShape - для создания цветовых обозначений состояний.

TAngleLabel - для создания текстовых надписей состояний.

выравнивание3

Любым удобным способом выделяем первую группу элементов (цветные квадраты состояний) и через контекстное меню выбираем пункт Выровнять….

выравнивание4

В окне Выравнивание, в столбце с горизонтальными координатами выбираем выбираем По центру, в столбце с вертикальными координатами Равные промежутки.

Важно!

Компоненты будут выровнены по тому компоненту, который будет выбран первым при выделении.

выравнивание5

При выравнивании надписей нужно помнить, что компоненты имеют разную длину, поэтому будем выравнивать их по Горизонтальной координате К левой стороне, по Вертикальной можно установить Равные промежутки, а можно Не изменять, так как в дальнейшем будем выравнивать цветовые и текстовые компоненты друг относительно друга.

выравнивание6

Выравнивание цветовых и текстовых компонентов между собой происходит парами (цвет-соответствующий текст). Необходимо поочередно выделять пары компонентов, которые будем выравнивать по горизонтали. Выравниваем по Горизонтальной координате по Равные промежутки, по Вертикальной можно установить По центру.

В результате получем список условных обозначений в таком виде:

../../../_images/1010.png

Выравнивание к левой границе#

Часто компоненты необходимо выравнять по левой границе. Для этого выполняются следующие действия:

выравнивание8

Создаем любые компоненты на поле редактирования.

выравнивание9

Выделяем компоненты любым удобным способом.

Через контекстное меню выбираем пункт Выровнять….

Устанавливаем по Горизонтальной координате К левой стороне, по Вертикальной Равные промежутки

выравнивание10

Все компоненты будут выравнены по левой границе друг под другом.

Вертикально по центру#

Любые компоненты можно одновременно выравнять Вертикально по центру. Это значит, что у всех выбранных компонентов вертикальная координата примет одинаковое значение, при этом горизонтальная координата не измениться и все компоненты выстроятся в одну линию.

выравнивание11

Выделяем элементы, которые необходимо выровнять.

выравнивание12

Через контекстное меню выбираем пункт Выравнивание, затем пункт Вертикально по центру.

выравнивание13

Важно!

  • Вертикальная координата всех компонентов принимает значение равное координате первого выбранного компонента.

  • Если границы компонентов пересекаются по вертикали, то при выравнивании компоненты наложатся друг на друга, что видно на примере.

Горизонтально по центру#

Любые компоненты можно одновременно выравнять Горизонтально по центру. Это значит, что у всех выбранных компонентов горизонтальная координата примет одинаковое значение, при этом вертикальная координата не измениться и все компоненты будут размещены на поле друг под другом.

выравнивание14

Выделяем элементы, которые необходимо выровнять.

выравнивание15

Через контекстное меню выбираем пункт Выравнивание, затем пункт Горизонтально по центру.

выравнивание16

Важно!

  • Горизонтальная координата всех компонентов принимает значение равное координате первого выбранного компонента.

  • Если границы компонентов пересекаются по горизонтали, то при выравнивании компоненты наложатся друг на друга.