.NET MAUI - Alterando a cor da barra de status

 Hoje veremos como alterar a cor da barra de status no .NET MAUI

O . NET MAUI Community Toolkit é uma coleção de elementos reutilizáveis para desenvolvimento de aplicativos com . NET MAUI, incluindo animações, comportamentos, conversores, efeitos e auxiliares. Ele simplifica e demonstra tarefas comuns do desenvolvedor ao criar aplicativos iOS, Android, macOS e WinUI usando o .NET MAUI.

O .NET MAUI Community Toolkit suporta as seguintes plataformas :

Além disso o Toolkit é criado como um conjunto de projetos de código aberto hospedados no GitHub pela comunidade; ou seja é grátis.

Consulte a documentação neste link: https://learn.microsoft.com/en-us/dotnet/communitytoolkit/maui/

O kit de ferramentas está disponível como um conjunto de pacotes NuGet que podem ser adicionados a qualquer projeto novo ou existente usando o Visual Studio.

Assim, basta abrir o seu projeto .NET MAUI ou criar um novo projeto e na janela Solution Explorer, clique com o botão direito do mouse no nome do projeto e selecione Manage NuGet Packages. Pesquise CommunityToolkit.Maui e escolha o pacote NuGet desejado na lista.

Escolha o(s) kit(s) de ferramentas mais apropriado(s) para suas necessidades dentre as opções abaixo:

Em todas as opções você vai ter que definir a instrução using ao topo do seu arquivo MauiProgram.cs

  1. using CommunityToolkit.Maui;
  2. using CommunityToolkit.Maui.Markup;
  3. using CommunityToolkit.Maui.MediaElement;

Além disso, para usar o kit de ferramentas corretamente, ao inicializar um aplicativo, no arquivo MauiProgram.cs você deve chamar a na classe MauiAppBuilder o respectivo método conforme o pacote usado:

  1. CommunityToolkit.Maui

    var builder = MauiApp.CreateBuilder();
    builder
        .UseMauiApp<App>()
        .UseMauiCommunityToolkit()
     

  2. CommunityToolkit.Markup

     var builder = MauiApp.CreateBuilder();
    builder
        .UseMauiApp<App>()
        .UseMauiCommunityToolkitMarkup()
     

  3. CommunityToolkit.Maui.MediaElement

    var builder = MauiApp.CreateBuilder();
    builder
        .UseMauiApp<App>()
        .UseMauiCommunityToolkitMediaElement()

Para ilustrar vamos criar uma aplicação .NET MAUI e mostrar como alterar a cor da barra de status usando o ToolKit.

Para isso após criar a aplicação instale o pacote CommunityToolkit.Maui no projeto.

A seguir vamos abrir a classe MauiProgram e incluir no método CreateMauiApp o código :

...
public static MauiApp CreateMauiApp()
{
   var builder = MauiApp.CreateBuilder();
   builder
.UseMauiApp<App>()
        .UseMauiCommunityToolkit()
        .ConfigureFonts(fonts =>
{
  fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular");
  fonts.AddFont("OpenSans-Semibold.ttf", "OpenSansSemibold");
});
...

Em seguida, vá para a página em que você precisa alterar a cor. No nosso exemplo vai ser na MainPage e altere o código incluindo o namespace :

xmlns:toolkit="http://schemas.microsoft.com/dotnet/2022/maui/toolkit"

O código abaixo mostra as alterações da página:

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:toolkit="http://schemas.microsoft.com/dotnet/2022/maui/toolkit"
             x:Class="MauiAppToolKit1.MainPage">

    <ContentPage.Behaviors>
        <toolkit:StatusBarBehavior StatusBarColor="Orange" StatusBarStyle="LightContent" />
    </ContentPage.Behaviors>

...

Com isso vamos alterar a cor da barra de status para laranja:

Simples assim...

E estamos conversados...

"Então Jesus disse: "Quando vocês levantarem o Filho do homem, saberão que Eu Sou, e que nada faço de mim mesmo, mas falo exatamente o que o Pai me ensinou."
João 8:28

Referências:

José Carlos Macoratti