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

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

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

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

2. No ecrã Criar um novo projeto , introduza WinUI na caixa de pesquisa, escolha o modelo C# para WinUI Blank App (Packaged) e depois escolha Próximo.

   

3. Dê um nome ao projeto, HelloWorlde escolha Criar.

   

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

2. Na janela de Criar um novo projeto, introduza winui na caixa de pesquisa, escolha o modelo C# para Aplicação em Branco, Empacotada (WinUI 3 no Ambiente de Trabalho) e depois escolha Seguinte.

   

3. Dê um nome ao projeto, HelloWorlde escolha Criar.

   

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

   

   O do Editor XAML é onde você pode adicionar ou alterar marcações. Ao contrário dos projetos UWP, o WinUI 3 não tem um Design view.

   

2. Dentro do <Grid> item, comece a escrever <Button. O Intellisense oferece-te uma opção de botões. Prima Tab para aceitar.

   

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

   

   O do Editor XAML é onde você pode adicionar ou alterar marcações. Ao contrário dos projetos UWP, o WinUI 3 não tem um Design view.

   

2. Revise o controlo Botão aninhado no do StackPanel na raiz da Window.

   

1. No Editor XAML, altere o valor do Conteúdo dos Botões do seu valor atual para "Hello World!".

   

2. Coloca o cursor na <Button> tag inicial do elemento (depois dos atributos existentes, como Content) e começa a escrever Click. A Intellisense oferece um novo gestor de eventos chamado Button_Click. Trabalhas com esse código na secção seguinte.

   

1. No Editor XAML, altere o valor do Conteúdo dos Botões do seu valor atual para "Hello World!".

   

2. Observe que o botão também tem um manipulador de eventos Click chamado myButton_Click especificado. Trabalhe com isso no próximo passo.

   

1. No Explorador de Soluções, clique duas vezes em MainWindow.xaml.cs, a página da camada de código.

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 mudá-lo, para que fique assim:

   

   Aqui está 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 Explorador de Soluções, clique duas vezes em MainWindow.xaml.cs, a página da camada de código.

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 mudá-lo, para que fique assim:

   

   Aqui está 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();
   }