Ícones adaptativos

Um ícone adaptativo, ou AdaptiveIconDrawable, pode ser exibido de maneira diferente dependendo dos recursos do dispositivo e do tema do usuário. Os ícones adaptativos são usados principalmente na tela de início, mas também podem ser usados em atalhos, no app Configurações, em caixas de diálogo de compartilhamento e na tela de visão geral. Os ícones adaptativos são usados em todos os formatos do Android.

Ao contrário das imagens de bitmap, os ícones adaptativos podem se adaptar a diferentes casos de uso:

• Formas diferentes:um ícone adaptativo pode mostrar várias formas em diferentes modelos de dispositivos. Por exemplo, ele pode mostrar uma forma circular em um dispositivo OEM e uma forma quadrada com cantos arredondados em outro. Cada OEM de dispositivo precisa fornecer uma máscara usada pelo sistema para renderizar todos os ícones adaptativos com a mesma forma.

  

• Efeitos visuais:um ícone adaptativo é compatível com vários efeitos visuais interessantes, que aparecem quando os usuários colocam ou movem o ícone na tela de início.

  

• Temas do usuário:a partir do Android 13 (nível 33 da API), os usuários podem tematizar os ícones adaptativos. Se um usuário ativar os ícones de app temáticos nas configurações do sistema e a tela de início for compatível com esse recurso, o sistema vai usar a cor do plano de fundo e o tema escolhidos pelo usuário para determinar a tonalidade dos ícones de apps que têm uma camada monochrome no ícone adaptativo. A partir do Android 16 QPR 2, o Android tematiza automaticamente os ícones de apps que não fornecem os próprios.

  

  Nos cenários a seguir, a tela inicial não mostra o ícone do app com tema, mas sim o ícone adaptativo ou padrão:

  • Se o usuário não ativar os ícones de app com tema.
  • Se o app não tiver um ícone do app monocromático e o dispositivo do usuário estiver executando uma versão do Android anterior ao Android 16 QPR 2.
  • Se a tela de início não oferecer suporte para ícones de apps com tema.

Criar ícones adaptativos

Para garantir a compatibilidade do ícone adaptativo com diferentes formas, efeitos visuais e temas do usuário, o design precisa atender aos seguintes requisitos:

• Forneça duas camadas para a versão colorida do ícone: uma para o primeiro plano e outra para o segundo plano. As camadas podem ser vetores ou bitmaps, embora os vetores sejam preferíveis.

  

  

• Se você quiser oferecer suporte a temas de ícones de apps, forneça uma única camada para a versão monocromática do ícone.

  

• Dimensione todas as camadas para 108 x 108 dp.

• Use ícones com bordas limpas. As camadas não podem ter máscaras ou sombras de segundo plano no contorno do ícone.

• Use um logotipo de pelo menos 48 x 48 dp. Ele não pode exceder 66 x 66 dp, porque a área interna de 66 x 66 dp do ícone aparece na janela de visualização mascarada.

Os 18 dp externos em cada um dos quatro lados das camadas são reservados para mascaramento e para criar efeitos visuais, como paralaxe ou pulsação.

<application
    ...
    android:icon="@mipmap/ic_launcher"
    android:roundIcon="@mipmap/ic_launcher_round"
    ...>
</application>

<?xml version="1.0" encoding="utf-8"?>
...
<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
    <background android:drawable="@drawable/ic_launcher_background" />
    <foreground android:drawable="@drawable/ic_launcher_foreground" />
    <monochrome android:drawable="@drawable/ic_launcher_foreground" />
</adaptive-icon>
...

<?xml version="1.0" encoding="utf-8"?>
...
<foreground>
   <inset
       android:insetBottom="18dp"
       android:insetLeft="18dp"
       android:insetRight="18dp"
       android:insetTop="18dp">
       <shape android:shape="oval">
           <solid android:color="#0000FF" />
       </shape>
   </inset>
</foreground>
...