Configurar manualmente a exibição de ponta a ponta

Para ativar a exibição de ponta a ponta no seu app, chame enableEdgeToEdge. Isso deve ser suficiente para a maioria dos apps. Este guia descreve como ativar de ponta a ponta se o app precisar fazer isso sem usar enableEdgeToEdge.

Posicionar o app em tela cheia

Use WindowCompat.setDecorFitsSystemWindows(window, false) para dispor seu app atrás das barras de sistema, conforme mostrado no exemplo de código a seguir:

override fun onCreate(savedInstanceState: Bundle?) {
  super.onCreate(savedInstanceState)
  WindowCompat.setDecorFitsSystemWindows(window, false)
}

@Override
public void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  WindowCompat.setDecorFitsSystemWindows(getWindow(), false);
}

Mudar a cor das barras de sistema

Ao operar em um layout de ponta a ponta, o app precisa mudar as cores das barras de sistema para que o conteúdo abaixo fique visível. Depois que o app executar essa etapa, o sistema vai processar toda a proteção visual da interface do usuário no modo de navegação por gestos e no modo de botões.

• Modo de navegação por gestos:o sistema aplica a adaptação dinâmica de cores em que o conteúdo das barras de sistema muda de cor com base no conteúdo por trás delas. No exemplo a seguir, a alça na barra de navegação muda para uma cor escura quando está acima de conteúdo claro e para uma cor clara quando está acima de conteúdo escuro.

• Modo de botão:o sistema aplica um efeito de tela esmaecida translúcido atrás das barras de sistema (para o nível da API 29 ou mais recente) ou uma barra de sistema transparente (para o nível da API 28 ou anterior).

• Cor do conteúdo da barra de status:controla a cor do conteúdo da barra de status, como o horário e os ícones.

Você pode editar o arquivo themes.xml para definir a cor da barra de navegação e, opcionalmente, definir a barra de status como transparente e a cor do conteúdo da barra de status como escura.

<!-- values-v29/themes.xml -->
<style name="Theme.MyApp">
  <item name="android:navigationBarColor">
     @android:color/transparent
  </item>

  <!-- Optional: set to transparent if your app is drawing behind the status bar. -->
  <item name="android:statusBarColor">
     @android:color/transparent
  </item>

  <!-- Optional: set for a light status bar with dark content. -->
  <item name="android:windowLightStatusBar">
    true
  </item>
</style>

Você pode usar a API WindowInsetsController diretamente, mas recomendamos usar a Biblioteca de Suporte WindowInsetsControllerCompat sempre que possível. Use a API WindowInsetsControllerCompat em vez de theme.xml para controlar a cor do conteúdo da barra de status. Para isso, use a função setAppearanceLightNavigationBars() e transmita true para mudar a cor de primeiro plano da navegação para uma cor clara ou false para reverter à cor padrão.

val windowInsetsController =
      ViewCompat.getWindowInsetsController(window.decorView)

windowInsetsController?.isAppearanceLightNavigationBars = true

WindowInsetsControllerCompat windowInsetsController =
      ViewCompat.getWindowInsetsController(getWindow().getDecorView());
if (windowInsetsController == null) {
    return;
}

windowInsetsController.setAppearanceLightNavigationBars(true);