Depurar seu layout com o Inspetor de Layout

O Inspetor de Layout do Android Studio permite que você inspecione a hierarquia de visualizações do seu aplicativo em tempo de execução pelo ambiente de desenvolvimento integrado do Android Studio. Isso é especialmente útil quando seu layout é compilado em tempo de execução em vez de totalmente em XML e quando o layout se comporta de forma inesperada.

Abra o Inspetor de Layout da seguinte maneira:

  1. Execute seu aplicativo em um dispositivo conectado ou emulador.
  2. Clique em Tools > Android > Layout Inspector.
  3. Na caixa de diálogo Choose Process exibida, selecione o processo de aplicativo que deseja inspecionar e clique em OK.

    Figura 1. A caixa de diálogo Choose Process

    Por padrão, a caixa de diálogo Choose Process lista apenas o processo do projeto atualmente aberto no Android Studio — e ele deve estar sendo executado no dispositivo. Se quiser inspecionar outro aplicativo do dispositivo, marque Show all processes. Se estiver usando um dispositivo com acesso root ou um emulador que não tenha a Google Play Store, você verá todos os aplicativos em execução. Caso contrário, você verá apenas os aplicativos em execução que são depuráveis.

O Inspetor de Layout captura um instantâneo, o salva como um arquivo .li e o abre. Conforme é mostrado na figura 2, o Inspetor de Layout exibe o seguinte:

  1. View Tree: a hierarquia de visualizações do layout.
  2. Screenshot: a captura de tela do dispositivo com limitações visíveis para cada visualização.
  3. Properties Table: as propriedades de layout da visualização selecionada.

Figura 2. O Inspetor de Layout

Você pode clicar em uma visualização em View Tree para selecionar a mesma visualização na captura de tela, e vice-versa. Todos os atributos de layout da visualização são exibidos em Properties Table.

Se seu layout incluir visualizações sobrepostas, por padrão, somente a visualização que estiver por cima será clicável na captura de tela. Para que a visualização por baixo seja clicável na captura de tela: Clique com o botão direito na visualização que estiver por cima em View Tree e desmarque Show in preview. Isso não faz com que o conteúdo da visualização desapareça, apenas faz desaparecer da captura de tela as limitações clicáveis para que você possa clicar nas visualizações que estão por trás.

Se o layout no dispositivo for alterado, o Inspetor de Layout não será atualizado. Você deverá criar um novo instantâneo clicando novamente em Tools > Android > Layout Inspector. Cada instantâneo é salvo em um arquivo .li separado em project-name/captures/.

Figura 3. Instantâneos do Inspetor de Layout (arquivos .li) na janela Project