Найти тему
Android разработка

Как использовать layout inspector в android studio

Оглавление

Layout inspector - удобный инструмент, чтобы посмотреть в живую на верстку в запущенном приложении. Правда сделать это можно только в Debug режиме, т.е. только на своей программе.

Запуск Layout inspector из Android Studio

Запустить утилиту можно через меню

[caption id="attachment_941" align="aligncenter" width="262"] Запуск Layout inspector[/caption]
[caption id="attachment_941" align="aligncenter" width="262"] Запуск Layout inspector[/caption]

Далее нужно выбрать процесс, в котором вы хотите произвести отладку View

-3

Если в данный момент в вашем Андроид приложении запущено несколько Activity, то Android studio предложит выбрать, из какой именно Активности нужно взять snapshot.

-4

Анализ верстки в Layout inspector

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

[caption id="attachment_944" align="aligncenter" width="268"] Скриншот через Layout inspector[/caption]
[caption id="attachment_944" align="aligncenter" width="268"] Скриншот через Layout inspector[/caption]

В одной части интерфейса располагается дерево вашего экрана от корневого элемента до отдельных View. В другой - то, что вы видите на экране вашего смартфона.

Также, для каждого из View сбоку можно открыть панель "Properties", где будут все доступные на данный момент свойства объекта.

-6

С данным инструментом легко находятся идентификаторы элементов, которые надо поправить. К примеру, вы знаете, что на определенном экране не корректный текст, но где именно - не помните. Достаточно запустить Layout inspector и посмотреть ID нужного объекта и найти его в коде.

И, конечно, инструмент очень помогает с поиском багов, когда UI ведет себя не так, как планировал разработчик. Например, может оказаться, что размеры View нулевые, или где-то проставили неаккуратно View.GONE.

Layout inspector - та вещь, которая должна быть в арсенале каждого Android разработчика. А в целом про профилирование и оценку производительности Андроид приложения можно почитать в отдельной статье.

Оригинал статьи находится здесь: https://dimlix.com/layout-inspector-android-studio/