Esercitazione: Creare la prima applicazione Windows App SDK in Visual Studio con XAML e C#

Per lo sviluppo di app C# con Windows App SDK, selezionare Sviluppo di applicazioni WinUI.

Per lo sviluppo di app C# con Windows App SDK, selezionare Sviluppo di applicazioni WinUI.

1. Aprire Visual Studio e nella finestra iniziale scegliere Crea un nuovo progetto.

2. Nella schermata Crea un nuovo progetto immettere WinUI nella casella di ricerca, scegliere il modello C# per App vuota WinUI (in pacchetto) e quindi scegliere Avanti.

   

3. Assegnare un nome al progetto, HelloWorlde scegliere Crea.

   

1. Aprire Visual Studio e nella finestra iniziale scegliere Crea un nuovo progetto.

2. Nella schermata Crea un nuovo progetto immettere winui nella casella di ricerca, scegliere il modello C# per App vuota, Pacchettizzato (WinUI 3 in Desktop) e quindi scegliere Avanti.

   

3. Assegnare un nome al progetto, HelloWorlde scegliere Crea.

   

1. Nel Esplora Soluzioni, fare doppio clic su MainWindow.xaml per aprire l'editor di markup XAML.

   

   L'editor XAML è la posizione in cui è possibile aggiungere o modificare markup. A differenza dei progetti UWP, WinUI 3 non ha una visualizzazione Progettazione.

   

2. All'interno dell'elemento <Grid> iniziare a digitare <Button. IntelliSense offre un'opzione di pulsante. Premere TAB per accettare.

   

1. Nel Esplora Soluzioni, fare doppio clic su MainWindow.xaml per aprire l'editor di markup XAML.

   

   L'editor XAML è la posizione in cui è possibile aggiungere o modificare markup. A differenza dei progetti UWP, WinUI 3 non ha una visualizzazione Progettazione.

   

2. Esaminare il Button controllo annidato all'interno dello StackPanel alla radice del Window.

   

1. Nell'editor XAML, modificare il valore del contenuto del pulsante dal valore corrente a "Hello World!".

   

2. Posizionare il cursore nel <Button> tag iniziale dell'elemento (dopo gli attributi esistenti, ad esempio Content) e iniziare a digitare Click. IntelliSense offre un nuovo gestore eventi denominato Button_Click. Lavorerai con quel codice nella sezione successiva.

   

1. Nell'editor XAML, modifica il valore del contenuto del pulsante dal valore corrente a "Hello World!".

   

2. Si noti che il pulsante ha un gestore eventi Click chiamato myButton_Click specificato, anch'esso. Si lavora con questo nel passaggio successivo.

   

1. In Esplora soluzioni , fare doppio clic su MainWindow.xaml.cs, la pagina di codice sottostante.

2. Modificare il codice del gestore eventi nella finestra dell'editor C# visualizzata.

   Ecco dove le cose sono interessanti. Il gestore eventi predefinito è simile al seguente:

   

   Si modificherà, in modo che abbia un aspetto simile al seguente:

   

   Ecco il codice da copiare e incollare:

   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. In Esplora soluzioni , fare doppio clic su MainWindow.xaml.cs, la pagina di codice sottostante.

2. Modificare il codice del gestore eventi nella finestra dell'editor C# visualizzata.

   Ecco dove le cose sono interessanti. Il gestore eventi predefinito è simile al seguente:

   

   Si modificherà, in modo che abbia un aspetto simile al seguente:

   

   Ecco il codice da copiare e incollare:

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