Hello World

XAML kód

Výsledný XAML kód formuláře (MainWindow.xaml) - viz Kód 1.

<Window x:Class="HelloWPF2.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:HelloWPF2"
        mc:Ignorable="d"
        Title="HelloWPF2" Height="250" Width="600">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="*"/>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="2*"/>
            <RowDefinition Height="Auto"/>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>
        <TextBlock x:Name="TxbVypis"  Grid.Row="1" Grid.Column="0" Margin="20,5" TextAlignment="Center" FontSize="14" FontWeight="Bold" Grid.ColumnSpan="3" Background="#FFF3F3F3"/>
        <Button Name="BtnStiskni" Content="Stiskni" Margin="5" Grid.Row="3" Click="BtnStiskni_Click" />
        <Button Name="BtnVymaz" Content="Vymaž" Grid.Column="1" Grid.Row="3" Margin="5" Click="BtnVymaz_Click"/>
        <Button Name="BtnKonec" Content="Konec" Grid.Column="2" Grid.Row="3" Margin="5" Click="BtnKonec_Click"/>
    </Grid>
</Window>

Kód 1: Výsledný XAML kód vytvořeného formuláře

C# kód

Code Behind - C# kód pro veškeré události vyvolané uživatelem při manipulaci s aplikací (MainWindow.xaml.cs) - viz Kód 2.

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;
 
namespace HelloWPF2
{
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }
 
        private void BtnStiskni_Click(object sender, RoutedEventArgs e)
        {
            //výpis textu
            this.TxbVypis.Text = "Hello, World!";
        }
 
        private void BtnVymaz_Click(object sender, RoutedEventArgs e)
        {
            //vymazání textu v kontrolce
            this.TxbVypis.Text = "";
        }
 
        private void BtnKonec_Click(object sender, RoutedEventArgs e)
        {
            //zavření formuláře
            this.Close();
        }
    }
}

Kód 2: Výsledný C# kód vytvořeného formuláře a metod jeho prvků

Spuštění programu

Zkusme si nyní naši aplikaci spustit pomocí tlačítka Start - viz Obrázek 1.

Obrázek 1: VS - spuštění programu

Výstup programu

Na následujícím obrázku vidíme výstup našeho programu s použitím prvků WPF. Po stisku tlačítka Stiskni je do kontrolky TxbVypis vypsán text "Hello, World!" - viz Výstup programu - Kód 1 a 2. Vypsaný text lze vymazat pomocí stisku tlačítka Vymaž. Aplikaci lze ukončit pomocí tlačítka Konec, nebo pomocí zavíracího tlačítka umístěného v pravém rohu aplikace.

Výstup programu - Kód 1 a 2: Výpis textu do kontrolky TxbVypis typu TextBlock pomocí tlačítka