Tutorial .NET MAUI – Crie seu primeiro aplicativo multiplataforma em C#

Windows macOS

Editar seu código

Ao desenvolver aplicativos com .NET MAUI, Recarga Dinâmica de XAML está disponível quando você está depurando seu aplicativo. Isso significa que você pode alterar a interface do usuário XAML enquanto o aplicativo está em execução e a interface do usuário será atualizada automaticamente.

Volte para o Visual Studio e deixe o aplicativo em execução. No Solution Explorer, clique duas vezes no arquivo MainPage.xaml no projeto MyFirstMauiApp. Se você não vir o painel Gerenciador de Soluções, selecione Exibir > Solution Explorer no menu principal (ou pressione CTRL+ALT+L).

Gerenciador de Soluções painel com o arquivo MainPage.xaml realçado.

Volte para o arquivo MainPage.xaml no VS Code e deixe o aplicativo em execução.

Gerenciador de Soluções painel com o arquivo MainPage.xaml realçado.

Atualmente, o Text da segunda Label na linha 17 está definido como Hello, World!, conforme mostrado no código a seguir:

MainPage.xaml
<Label
    Text="Hello, World!" 
    Style="{StaticResource Headline}"
    SemanticProperties.HeadingLevel="Level1"  />

Atualizar o texto para ler Hello, .NET MAUI!:

MainPage.xaml
<Label
    Text="Hello, .NET MAUI!" 
    Style="{StaticResource Headline}"
    SemanticProperties.HeadingLevel="Level1"  />

A interface do usuário do aplicativo é atualizada automaticamente à medida que você faz alterações.

Windows executando o aplicativo .NET MAUI. Uma mensagem 'Olá, .NET MAUI!' é exibida porque foi atualizada com a Recarga Dinâmica.

Mac executando o aplicativo .NET MAUI. Uma mensagem 'Olá, .NET MAUI!' é exibida porque foi atualizada com a Recarga Dinâmica.

Ao desenvolver aplicativos com o .NET MAUI, você também pode usar o .NET Recarga Dinâmica para recarregar seu código C#. Vamos modificar a lógica no aplicativo para incrementar a contagem em 10 em vez de 1 quando você clicar no botão.

Abrir MainPage.xaml.cs (esse arquivo está aninhado em MainPage.xaml ou você pode clicar com o botão direito do mouse e selecionar Exibir Código no menu).

Seleção suspensa para exibir o código em relação a MainPage.xaml

O método OnCounterClicked nesse arquivo atualmente tem o seguinte código:

MainPage.xaml.cs
private void OnCounterClicked(object sender, EventArgs e)
{
    count++;

    if (count == 1)
        CounterBtn.Text = $"Clicked {count} time";
    else
        CounterBtn.Text = $"Clicked {count} times";

    SemanticScreenReader.Announce(CounterBtn.Text);
}

Atualizar o count++; para incrementar em 10 alterando-o para count += 10;.

MainPage.xaml.cs
private void OnCounterClicked(object sender, EventArgs e)
{
    count += 10;

    if (count == 1)
        CounterBtn.Text = $"Clicked {count} time";
    else
        CounterBtn.Text = $"Clicked {count} times";

    SemanticScreenReader.Announce(CounterBtn.Text);
}

Para aplicar suas alterações de código, salve o arquivo e selecione o botão Recarga Dinâmica no Visual Studio ou selecione ALT+F10.

Seleção suspensa para exibir o código em relação a MainPage.xaml

Selecione o botão Clique em mim e veja-o aumentar em 10. Muito bem! Você pode fechar o aplicativo em execução agora.

Contador atualizado para incrementos de 10

Continuar