Freitag, 4. August 2017

Ein einfaches "Hello World" mit Microsoft WPF

Ziel: Eine erste Applikation mit WPF (Windows Presentation Foundation). Ausgabe von "Hello World!"

Voraussetzungen: VisualStudio Community 2017

Schritt 1: "Neuese Projekt erstellen ..."



 Schritt 2: WPF Projekt auswählen und den Projektnamen "HelloWorld" vergeben. 


Schritt 3: Einen Button und eine Textbox in das leere MainWindow ziehen. Falls die Toolbox nicht eingeblendet ist kan sie mit einem Klick eingeblendet werden.


Schritt 4: 
Beim ziehen des Buttons und der TextBox fügt VisualStudio XAML Definitionen automatisch hinzu. Bei dem Button müssen das Click Event ergänzt werden.

<Window x:Class="HelloWorld.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:HelloWorld"
        mc:Ignorable="d"
        Title="MainWindow" Height="350" Width="525">
    <Grid>
        <Button x:Name="button" Content="Button" HorizontalAlignment="Left" Margin="221,219,0,0" VerticalAlignment="Top" Width="75" Click="ClickButton"/>
        <TextBox x:Name="textBox" HorizontalAlignment="Left" Height="23" Margin="221,135,0,0" TextWrapping="Wrap" Text="TextBox" VerticalAlignment="Top" Width="120"/>

    </Grid>
</Window>


Schritt 5: Ist das Click Event im Editor ausgewählt gelangt man mit der F12 Taste (Gehe zur Definition im Kontextmenü) direkt zur Methode ClickButton der partialen Klasse MainWindow. 

Schritt 6: In der Methode ClickButton per Code den Text ändern. 

private void ClickButton(object sender, RoutedEventArgs e)
{
   textBox.Text = "Hello World!";


Die Klasse sollte anschließend wie folgt aussehen: 



Schritt 7: Applikation ausführen


Ergebnis: Beim klicken auf den Button ändert sich der Text in der Textbox in "Hello World!"

Keine Kommentare:

Kommentar veröffentlichen

Hinweis: Nur ein Mitglied dieses Blogs kann Kommentare posten.