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

Добавление виджетов
В макете освободилось место, и в него можно добавить
изображение наручников. Добавьте в файл макета виджет
ImageView
. Найдите его на панели в разделе 
Common
(рис.
10.14) и перетащите в дерево компонентов как потомка
ConstraintLayout
, прямо под 
crime_date
.
Рис. 10.14. Поиск ImageView
Выберите в разделе 
Project
диалогового окна пункт
ic_solved
в качестве ресурса для 
ImageView
(рис. 10.15).
Изображение будет использоваться для пометки раскрытых
преступлений.

---

Рис. 10.15. Выбор ресурса ImageView
Виджет 
ImageView
теперь является частью макета, но не
имеет ограничений. Хоть в графическом редакторе ему
назначена позиция, в действительности это ничего не значит.
Пришло время добавить ограничения. Щелкните мышью по
ImageView
в области предварительного просмотра или в
дереве компонентов (можно приблизить масштаб, чтобы
разглядеть ситуацию получше, инструменты для этого
расположены выше инструментов для ограничений). Рядом с
ImageView
появятся маркеры ограничений (рис. 10.16).
Рис. 10.16. Маркеры ограничений для ImageView
Виджет 
ImageView
должен прикрепляться к правому краю
представления. Для этого нужно определить ограничения для

---

верхней, правой и нижней стороны 
ImageView
.
Перед добавлением ограничений перетащите 
ImageView
вправо и вниз, чтобы убрать его от представлений 
TextView
(рис. 10.17). Сейчас неважно, куда мы поместим 
ImageView
.
Это место будет проигнорировано, как только вы установите
ограничения.
Рис. 10.17. Временное перемещение виджета
Сначала мы создадим ограничение между верхней стороной
ImageView
и верхней стороной 
ConstraintLayout
. В режиме
предварительного просмотра перетащите верхний маркер
ограничения 
с 
ImageView
на 
верхнюю 
сторону
ConstraintLayout
. Маркер ограничения окрасится в зеленый
цвет (рис. 10.18).