WPF - Hello World

In questo capitolo svilupperemo una semplice applicazione Hello World WPF. Quindi iniziamo la semplice implementazione seguendo i passaggi indicati di seguito.

  • Fare clic su File> Nuovo> opzione di menu Progetto.
  • Verrà visualizzata la seguente finestra di dialogo.

  • In modelli, seleziona Visual C # e nel pannello centrale seleziona Applicazione WPF.

  • Dai un nome al progetto. genereHelloWorld nel campo del nome e fare clic sul pulsante OK.

  • Per impostazione predefinita, vengono creati due file, uno è il file XAML file (mainwindow.xaml) e l'altro è il file CS file (mainwindow.cs)

  • Su mainwindow.xaml, vedrai due finestre secondarie, una è la design window e l'altro è il source (XAML) window.

  • Nell'applicazione WPF sono disponibili due modi per progettare un'interfaccia utente per l'applicazione. Uno è semplicemente trascinare e rilasciare gli elementi dell'interfaccia utente dalla casella degli strumenti alla finestra di progettazione. Il secondo modo è progettare la tua interfaccia utente scrivendo tag XAML per gli elementi dell'interfaccia utente. Visual Studio gestisce i tag XAML quando la funzionalità di trascinamento della selezione viene utilizzata per la progettazione dell'interfaccia utente.

  • Nel file mainwindow.xaml, i seguenti tag XAML vengono scritti per impostazione predefinita.

<Window x:Class = "HelloWorld.MainWindow" 
   xmlns = "http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
   xmlns:x = "http://schemas.microsoft.com/winfx/2006/xaml"
   Title = "MainWindow" Height = "350" Width = "604">
	
   <Grid> 
   </Grid> 
	
</Window>
  • Per impostazione predefinita, una griglia è impostata come primo elemento dopo la pagina.
  • Andiamo nella casella degli strumenti e trascina un TextBlock nella finestra di progettazione.
  • Vedrai il TextBlock nella finestra di progettazione.

  • Quando guardi la finestra di origine, vedrai che Visual Studio ha generato il codice XAML di TextBlock per te.

  • Cambiamo la proprietà Text di TextBlock nel codice XAML da TextBlock a Hello World.

<Window x:Class = "HelloWorld.MainWindow" 
   xmlns = "http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
   xmlns:x = "http://schemas.microsoft.com/winfx/2006/xaml"
   Title = "MainWindow" Height = "350" Width = "604"> 
	
   <Grid> 
      <TextBlock x:Name = "textBlock" HorizontalAlignment = "Left"
         Margin = "235,143,0,0" TextWrapping = "Wrap" Text = "Hello World!"
         VerticalAlignment = "Top" Height = "44" Width = "102" /> 
   </Grid> 
	
</Window>
  • Ora vedrai il cambiamento anche nella finestra Design.

Quando il codice sopra è stato compilato ed eseguito, vedrai la seguente finestra.

Congratulazioni! Hai progettato e creato la tua prima applicazione WPF.