Модель измерения и размещения

Column, Row и Box подходят для большинства экранов. Но иногда Вам нужен полный контроль над расположением дочерних элементов. Тогда Вы создаёте собственную компоновку. 🎨

В отличие от старой системы View, Compose измеряет и размещает всё за один проход. Дорогого цикла «измерить, а затем измерить ещё раз» нет.

Каждая компоновка последовательно выполняет две операции. Сначала она измеряет каждый дочерний элемент, чтобы узнать его размер. Затем размещает каждый элемент в выбранной позиции.

Родитель получает дочерние элементы как измеряемые элементы. Измеряемый элемент — это ещё не измеренный дочерний элемент, как посылка до взвешивания. 📦

Вызовите measure для измеряемого элемента и получите размещаемый элемент. Он знает свои окончательные ширину и высоту и готов к позиционированию.

При измерении Вы передаёте ограничения: минимальные и максимальные ширину и высоту, разрешённые для дочернего элемента. Элемент выбирает размер в этих пределах.

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

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

В блоке компоновки вызовите для каждого размещаемого элемента placeRelative, передав ему координаты x и y. Именно там дочерний элемент окажется на экране.

Предпочитайте placeRelative методу place. Он автоматически зеркально отражает позиции для языков с письмом справа налево, поэтому компоновка работает везде. 🌍

Column, Row и Ваши будущие собственные компоновки используют один и тот же ритм: измерить, затем разместить. Освойте его один раз — и поймёте всю компоновку Compose.

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