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

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

---

ограничение (рис. 10.19).
Рис. 10.19. Создание ограничения для верхней стороны ImageView
Будьте внимательны и не щелкайте, когда указатель мыши
имеет форму угла — это приведет к изменению размеров
ImageView
. Также следите за тем, чтобы ограничение не
соединилось случайно с одним из виджетов 
TextView
. Если это
произойдет, щелкните мышью по маркеру ограничения, чтобы
удалить ошибочное ограничение, и повторите попытку.
Когда вы отпускаете кнопку мыши и задаете ограничение,
представление фиксируется в позиции, соответствующей
новому 
ограничению. 
Так 
происходит 
расстановка
представлений в 
ConstraintLayout
— вы создаете и
уничтожаете ограничения.
Чтобы убедиться в том, что у 
ImageView
существует нужное
ограничение (верхняя сторона 
ImageView
связана с верхней
стороной 
ConstraintLayout
), наведите на 
ImageView
указатель мыши. Результат должен выглядеть так, как показано
на рис. 10.20.
Рис. 10.20. ImageView с ограничением для верхней стороны

---

Проделайте то же самое с маркером ограничения для
нижней стороны: перетащите его с 
ImageView
на нижнюю
сторону корневого представления (следите за тем, чтобы
случайно не присоединить его к 
TextView
).
Рис. 10.21. ImageView с ограничением для верхней и нижней стороны
Наконец, перетащите правый маркер ограничения с
ImageView
на правую сторону корневого представления. После
этого все необходимые ограничения должны быть успешно
созданы. Результат выглядит так, как показано на рис. 10.22.