Android. Программирование для профессионалов. 4-е издание

Рис. 10.22. ImageView c тремя ограничениями
Внутренние механизмы ConstraintLayout
Все изменения, вносимые в графическом редакторе,
отражаются в разметке XML незаметно для разработчика. При
этом ничто не мешает напрямую редактировать разметку XML,
относящуюся к 
ConstraintLayout
, но работать с
графическим редактором обычно удобнее, потому что
разметка 
ConstraintLayout
занимает гораздо больше места,
чем разметка других типов 
ViewGroup
, поэтому добавление
начальных ограничений вручную может оказаться сложным.
Непосредственная работа с XML может быть более полезной,
если необходимо внести небольшие изменения в макет.

---

(Графические инструменты для работы с макетом полезны
особенно в случае с 
ConstraintLayout
. Однако не все их
любят. Тут не нужно выбирать сторону — вы можете в любой
момент переключаться между графическим редактором и
непосредственным редактированием XML. Используйте тот
инструмент, который вам больше нравится, или даже оба сразу.)
Чтобы увидеть, что произошло с разметкой XML при
создании трех ограничений для 
ImageView
, переключитесь в
текстовый режим.
out
... >
...
android:id="@+id/imageView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="8dp"
android:layout_marginEnd="8dp"
android:layout_marginBottom="8dp"
app:layout_constraintBottom_toBotto
mOf="parent"
app:layout_constraintEnd_toEndOf="p
arent"
app:layout_constraintTop_toTopOf="p
arent"
app:srcCompat="@drawable/ic_solved" />

---

(Никуда не делись ошибки, связанные с двумя 
TextView
.
Оставьте как есть — мы исправим их позже.)
Все виджеты наследуются напрямую от 
ConstraintLayout
,
и вложенных макетов у нас нет. Для создания такого же макета
с помощью 
LinearLayout
вам пришлось бы вложить один в
другой. Как мы уже говорили ранее, уменьшение вложенности
также сокращает время, необходимое для рендеринга макета,
что приводит к более быстрому и безупречному
использованию.
Присмотритесь к верхнему ограничению:
app:layout_constraintTop_toTopOf="parent"
Атрибут начинается с префикса 
layout_
. Все атрибуты,
начинающиеся с этого префикса, называются параметрами
макета (layout parameters). В отличие от других атрибутов
параметры макета представляют собой инструкции для
родителя виджета, а не для самого виджета. Они сообщают
родительскому макету, как он должен расположить дочерний
элемент внутри себя. Ранее вам уже встречались примеры
параметров макетов 
layout_width
и 
layout_height
.
Имя ограничения 
constraintTop
указывает на то, что это
ограничение относится к верхней стороне 
ImageView
.
Наконец, 
атрибут 
завершается 
суффиксом
toTopOf="parent"
. Из него следует, что ограничение
связывается с верхней стороной родителя. Родителем в данном
случае выступает 
ConstraintLayout
.
А теперь оставим позади низкоуровневую разметку XML и
вернемся к графическому редактору.