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

Использование графического конструктора макетов
До настоящего момента мы создавали макеты, вводя разметку
XML. В этом разделе мы воспользуемся графическим
конструктором.
Откройте файл 
list_item_crime.xml
и выберите вкладку
Design
в нижней части окна файла (рис. 10.4).
В центре графического конструктора располагается уже
знакомая панель предварительного просмотра. Справа от нее
находится область раскладки (blueprint) — она выглядит почти
так же, как область предварительного просмотра, но в ней
отображаются контуры всех представлений (мы уже упоминали
об этом в главе 1). Это может быть полезно тогда, когда вы
хотите увидеть размеры всех представлений, а не только
отображаемую в них информацию.
Слева располагается панель. На ней размещаются
практически все виджеты, которые только можно себе
представить, упорядоченные по категориям. Слева внизу
находится дерево компонентов, которое показывает, как
организованы виджеты в макете. Если оно не отображается,
понажимайте на вкладки слева от области предварительного
просмотра.
Под деревом компонентов располагается панель свойств. На
ней можно просматривать и редактировать атрибуты виджета,
выделенного в дереве компонентов.
В 
первую 
очередь 
нам 
надо 
преобразовать
list_item_crime.xml
для 
использования
ConstraintLayout
. Щелкните правой кнопкой мыши по
корневому узлу 
LinearLayout
в дереве компонентов и
выберите команду 
ConvertLinearLayouttoConstraintLayout
в
контекстном меню (рис. 10.5).

---

Рис. 10.4. Представления в графическом конструкторе
Рис. 10.5. Преобразование корневого представления в ConstraintLayout

---

Android Studio отобразит диалоговое окно с предложением
задать параметры оптимизации преобразования (рис. 10.6).
Файл макета 
list_item_crime.xml
очень прост, так что у
Android Studio немного возможностей для оптимизации.
Оставьте значения по умолчанию и нажмите кнопку