Tutorial: Criar seu primeiro aplicativo SDK de Aplicativo do Windows no Visual Studio com XAML e C#

Para o desenvolvimento de aplicativos em C# usando o SDK do Aplicativo do Windows, selecione o desenvolvimento de aplicativos WinUI.

Para o desenvolvimento de aplicativos em C# usando o SDK do Aplicativo do Windows, selecione o desenvolvimento de aplicativos WinUI.

1. Abra o Visual Studio e, na janela inicial, escolha Criar um novo projeto.

2. Na tela Criar um novo projeto , insira WinUI na caixa de pesquisa, escolha o modelo C# para o Aplicativo WinUI em Branco (Empacotado) e escolha Avançar.

   

3. Dê um nome ao projeto, HelloWorld, e escolha Criar.

   

1. Abra o Visual Studio e, na janela inicial, escolha Criar um novo projeto.

2. Na tela Criar um novo projeto , insira winui na caixa de pesquisa, escolha o modelo C# para modelo C# para Aplicativo em Branco, Empacotado (WinUI 3 na Área de Trabalho) e escolha Avançar.

   

3. Dê um nome ao projeto, HelloWorld, e escolha Criar.

   

1. No Gerenciador de Soluções, clique duas vezes em MainWindow.xaml para abrir o editor de marcação XAML.

   

   O Editor de XAML é onde você pode adicionar ou alterar a marcação. Ao contrário dos projetos UWP, o WinUI 3 não tem uma exibição Design.

   

2. Dentro do <Grid> item, comece a digitar <Button. O Intellisense oferece uma opção de botão. Pressione Tab para aceitar.

   

1. No Gerenciador de Soluções, clique duas vezes em MainWindow.xaml para abrir o editor de marcação XAML.

   

   O Editor de XAML é onde você pode adicionar ou alterar a marcação. Ao contrário dos projetos UWP, o WinUI 3 não tem uma exibição Design.

   

2. Examine o controle de Botão aninhado no StackPanel na raiz da Janela.

   

1. No Editor XAML, altere o valor do Conteúdo do Botão de seu valor atual para "Olá, Mundo!".

   

2. Coloque o <Button> cursor na marca inicial do elemento (após os atributos existentes, como Content) e comece a digitar Clique. O Intellisense oferece um novo manipulador de eventos chamado Button_Click. Você trabalha com esse código na próxima seção.

   

1. No Editor XAML, altere o valor do Conteúdo do Botão de seu valor atual para "Olá, Mundo!".

   

2. Observe que o botão também tem um manipulador de eventos de Clique chamado myButton_Click especificado. Você irá trabalhar com isso na próxima etapa.

   

1. No Gerenciador de Soluções, clique duas vezes em MainWindow.xaml.cs, na página code-behind.

2. Edite o código do manipulador de eventos na janela do editor C# que é aberta.

   Aqui é onde as coisas ficam interessantes. O manipulador de eventos padrão tem esta aparência:

   

   Vamos alterá-lo, para que fique assim:

   

   Este é o código para copiar e colar:

   private async void Button_Click(object sender, RoutedEventArgs e)
   {
       var welcomeDialog = new ContentDialog()
       {
           Title = "Hello from HelloWorld",
           Content = "Welcome to your first Windows App SDK app.",
           CloseButtonText = "Ok",
           XamlRoot = ((FrameworkElement)sender).XamlRoot
       };
       await welcomeDialog.ShowAsync();
   }
   

1. No Gerenciador de Soluções, clique duas vezes em MainWindow.xaml.cs, na página code-behind.

2. Edite o código do manipulador de eventos na janela do editor C# que é aberta.

   Aqui é onde as coisas ficam interessantes. O manipulador de eventos padrão tem esta aparência:

   

   Vamos alterá-lo, para que fique assim:

   

   Este é o código para copiar e colar:

   private async void myButton_Click(object sender, RoutedEventArgs e)
   {
       var welcomeDialog = new ContentDialog()
       {
           Title = "Hello from HelloWorld",
           Content = "Welcome to your first Windows App SDK app.",
           CloseButtonText = "Ok",
           XamlRoot = myButton.XamlRoot
       };
       await welcomeDialog.ShowAsync();
   }