O Google tem o compromisso de promover a igualdade racial para as comunidades negras. Saiba como.

Pixel Perfect

O Pixel Perfect está obsoleto. A partir do Android Studio 3.1, você precisa usar o Layout Inspector para comparar o layout do app com os modelos de design, exibir uma visualização ampliada do app e examinar detalhes do layout dele.

O Pixel Perfect é uma ferramenta incorporada ao Android Device Monitor que exibe uma visualização ampliada do app para que você possa inspecionar a posição e as propriedades de pixels individuais no seu layout e combinar o layout do app com modelos de design.

Iniciar Pixel Perfect

Figura 1. Android Device Monitor.

  1. Conecte seu dispositivo ao computador. Se uma caixa de diálogo no dispositivo exibir a mensagem Permitir a depuração USB?, toque em OK.
  2. Abra seu projeto no Android Studio, crie-o e execute-o no seu dispositivo.
  3. Inicie o Android Device Monitor. O Android Studio pode exibir a caixa de diálogo Disable adb integration, porque só um processo por vez pode se conectar ao dispositivo via adb e o Android Device Monitor está solicitando uma conexão. Clique em Yes.

    A Figura 1 ilustra o que aparece inicialmente no Android Device Monitor.

  4. Na barra de menus, selecione Window > Open Perspective e clique em Pixel Perfect.
  5. Clique duas vezes no nome do dispositivo na guia Windows à esquerda. Isso preenche os painéis com a exibição do dispositivo e alterna para a guia Pixel Perfect Tree.

Conheça as ferramentas

Você verá os três painéis a seguir:

  • View Object (esquerda): é uma lista hierárquica dos objetos View visíveis na tela, incluindo aqueles de propriedade do sistema. Quando você clica em uma visualização, a posição dela é destacada no painel "Pixel Perfect" à direita.
  • Pixel Perfect Loupe (centro): é a imagem ampliada da tela. Ela é sobreposta por uma grade em que cada quadrado representa um pixel. Para ver as informações de um pixel, clique no quadrado. As informações de cor e coordenadas X/Y aparecem na parte inferior do painel.

    A cruz no painel corresponde à cruz de posicionamento no painel Pixel Perfect (à direita).

    Para aplicar zoom, use o controle deslizante Zoom na parte inferior do painel ou use o botão de rolagem do mouse.

  • Pixel Perfect (à direita): exibe a tela do dispositivo.

    A cruz nesse painel corresponde à cruz no painel Loupe.

    A visualização selecionada no painel "View Object" também é descrita aqui em vermelho e negrito. As visualizações irmã e mãe têm uma caixa vermelho-clara.

    A caixa de layout pode ter outros retângulos dentro ou fora dela, cada um indicando parte da visualização. Um retângulo roxo ou verde indica a caixa delimitadora da visualização. Uma caixa branca ou preta dentro da caixa de layout representa o preenchimento da visualização. Um retângulo branco ou preto externo representa as margens. As caixas de preenchimento e margem serão brancas se o plano de fundo do layout for preto e vice-versa.

    Você pode salvar uma captura de tela clicando em Save as PNG na parte superior da janela.

Figura 2. A janela do Pixel Perfect

Por padrão, esses painéis não são atualizados quando a IU na tela é alterada. Para ativar a atualização automática, ative Auto Refresh na parte superior da janela e defina uma taxa de atualização com o controle deslizante Refresh Rate na parte inferior do painel Loupe.

Caso contrário, você poderá atualizar manualmente o painel "Pixel Perfect" e o painel "Loupe" clicando em Refresh Screenshot na parte superior da janela. Talvez também seja necessário atualizar o painel "View Object" clicando em Refresh Tree na parte superior da janela.

Adicionar uma imagem de sobreposição

A janela do Pixel Perfect ajuda você a combinar o layout do seu app com uma imagem de modelo, permitindo que você carregue um bitmap como uma sobreposição na janela do Pixel Perfect.

Para usar uma imagem de bitmap como uma sobreposição, siga estas etapas:

  • Na parte superior do Pixel Perfect, clique em Load Overlay e selecione sua imagem.
  • O Pixel Perfect exibe a sobreposição sobre a tela no painel Pixel Perfect. O canto inferior esquerdo da imagem de bitmap (X=0, Y=valor máximo) é fixado no pixel inferior esquerdo (X=0, Y=tela máxima) da tela.

    Por padrão, a sobreposição tem 50% de transparência. Você pode ajustar isso com o controle deslizante Overlay na parte inferior do painel Loupe.

    Além disso, por padrão, a sobreposição não é exibida no painel Loupe. Para exibi-la, defina Show in Loupe na parte superior da janela.