WPF - Hallo Welt

In diesem Kapitel werden wir eine einfache Hello World WPF-Anwendung entwickeln. Beginnen wir also mit der einfachen Implementierung, indem wir die folgenden Schritte ausführen.

  • Klicken Sie auf die Menüoption Datei> Neu> Projekt.
  • Das folgende Dialogfeld wird angezeigt.
  • Wählen Sie unter Vorlagen die Option Visual C # aus, und wählen Sie im mittleren Bereich die Option WPF-Anwendung aus.

  • Geben Sie dem Projekt einen Namen. ArtHelloWorld Klicken Sie im Namensfeld auf die Schaltfläche OK.

  • Standardmäßig werden zwei Dateien erstellt, eine davon ist die XAML Datei (mainwindow.xaml) und die andere ist die CS Datei (mainwindow.cs)

  • Auf mainwindow.xaml sehen Sie zwei Unterfenster, eines davon ist das design window und der andere ist der source (XAML) window.

  • In der WPF-Anwendung gibt es zwei Möglichkeiten, eine Benutzeroberfläche für Ihre Anwendung zu entwerfen. Eine Möglichkeit besteht darin, Benutzeroberflächenelemente einfach per Drag & Drop aus der Toolbox in das Entwurfsfenster zu ziehen. Die zweite Möglichkeit besteht darin, Ihre Benutzeroberfläche zu entwerfen, indem Sie XAML-Tags für Benutzeroberflächenelemente schreiben. Visual Studio verarbeitet XAML-Tags, wenn die Drag & Drop-Funktion für das UI-Design verwendet wird.

  • In der Datei mainwindow.xaml werden standardmäßig die folgenden XAML-Tags geschrieben.

<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>
  • Standardmäßig ist ein Raster als erstes Element nach der Seite festgelegt.
  • Gehen wir zur Toolbox und ziehen einen TextBlock in das Entwurfsfenster.
  • Sie sehen den TextBlock im Designfenster.
  • Wenn Sie sich das Quellfenster ansehen, werden Sie feststellen, dass Visual Studio den XAML-Code des TextBlock für Sie generiert hat.

  • Lassen Sie uns die Text-Eigenschaft von TextBlock im XAML-Code von TextBlock in Hello World ändern.

<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>
  • Jetzt sehen Sie die Änderung auch im Designfenster.

Wenn der obige Code kompiliert und ausgeführt wird, wird das folgende Fenster angezeigt.

Herzliche Glückwünsche! Sie haben Ihre erste WPF-Anwendung entworfen und erstellt.