Компоненты макетирования App Inventor. Layout.

Представьте себе приложение, где все элементы идут строго один под другим. А если их целая куча? Не, с точки зрения, соблюсти последовательность – прекрасно. А вообще, ерунда выходит.
Вот для того, чтобы можно было располагать компоненты пользовательского интерфейса «и в ряды, и в столбики», MIT и добавил в App Inventor компоненты макетирования – Layout. Эти компоненты позволяют создавать в приложении Android таблицы, в ячейках которых можно размещать другие компоненты.
Компонентов Layout немного – всего три, и они просты и незатейливы.

Поэтому статья получилась небольшая, но это не уменьшает важности рассматриваемых компонентов.

Сразу оговорюсь – я не буду подробно останавливаться на свойствах этих компонентов, поскольку они очевидны: ширина, высота, ориентация элемента в ячейке, количество столбцов и строк в таблице (columns, rows). Те же самые свойства находятся и в редакторе блоков.
HorizontalArrangement

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

VerticalArrangement

Как следует из названия – это компонент, который поможет вам разметить элементы вертикально, один под другим. Казалось бы, зачем это нужно, ведь в App Inventor и так можно размещать элементы вертикально? Однако, с помощью комбинаций компонентов Layout можно добиться «власти» над всей площадью экрана приложения.
И, наконец
TableArrangement

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

Как видите, компоненты Layout действительно просты, но без них сложно создать удобное и красивое приложение. Разумеется, в App Inventor не получится указать точные координаты расположения тех или иных компонентов, но не забывайте, что App inventor был задуман, как инструмент для обучения и для любителей, которым нужно с наименьшими временными затратами создать приложение под Android. И, кроме того, компоненты Layout и правда позволяют весьма точно макетировать размещение компонентов на экране Android-приложения.

Ну, например, для получения точного расположения элемента можно совершить следующие действия:

1. задать точные размеры HorizontalArrangement и VerticalArrangement. Этим можно добиться почти точного расположения

2. «добить » точность путём подстановки прозрачных картинок нужного размера

Это, конечно, менее красиво, чем поступил бы JAVA-программист, скажем, но это работает.

Так что, пока мы не стали полноценными программистами, пользуемся возможностями AI.