<!-- x:Class: a hozzátartozó C# osztály (code-behind); az első xmlns: az alap WPF elemek névtere; -->
<!-- az xmlns:x az x: előtagú XAML-elemek (x:Name, x:Class); a Title, Height, Width tulajdonságok attribútumként -->
<Window x:Class="Urlap.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="Űrlap" Height="300" Width="400">

    <StackPanel Margin="16">                                           <!-- a Window egyetlen gyereke (tartalma) -->
        <TextBlock Text="Név:"/>                                       <!-- önzáró elem: <... /> -->
        <TextBox x:Name="txtNev"/>                                    <!-- x:Name: a code-behindban elérhető -->
        <Button Click="Mentes_Click">                                  <!-- esemény: a kezelő neve -->
            <StackPanel Orientation="Horizontal">                        <!-- a gomb tartalma BÁRMI lehet -->
                <TextBlock Text="💾 "/>
                <TextBlock Text="Mentés"/>
            </StackPanel>
        </Button>
    </StackPanel>
</Window>

StackPanel panel = new StackPanel { Margin = new Thickness(16) };

panel.Children.Add(new TextBlock { Text = "Név:" });

txtNev = new TextBox();
panel.Children.Add(txtNev);

Button gomb = new Button { Content = "Mentés" };
gomb.Click += Mentes_Click;
panel.Children.Add(gomb);

this.Content = panel;   // az ablak tartalma

<Grid Margin="16">
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="Auto"/>     <!-- a legszélesebb elem szélessége (a címkék oszlopa) -->
        <ColumnDefinition Width="*"/>        <!-- a maradék hely: a mezők kitöltik -->
    </Grid.ColumnDefinitions>
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="*"/>           <!-- a maradék függőleges hely -->
    </Grid.RowDefinitions>

    <TextBlock Grid.Row="0" Grid.Column="0" Text="Név:" VerticalAlignment="Center" Margin="0,0,8,8"/>
    <TextBox   Grid.Row="0" Grid.Column="1" Margin="0,0,0,8"/>
    <TextBlock Grid.Row="1" Grid.Column="0" Text="E-mail:" VerticalAlignment="Center" Margin="0,0,8,8"/>
    <TextBox   Grid.Row="1" Grid.Column="1" Margin="0,0,0,8"/>
    <Button    Grid.Row="2" Grid.Column="1" Content="Mentés" HorizontalAlignment="Right" VerticalAlignment="Top"/>
</Grid>

<!-- DockPanel: menü fent, állapotsor lent, a tartalom kitölti a közepét -->
<DockPanel>
    <Menu DockPanel.Dock="Top">...</Menu>
    <StatusBar DockPanel.Dock="Bottom">...</StatusBar>
    <TextBox AcceptsReturn="True"/>   <!-- az utolsó elem kitölti a maradékot (LastChildFill) -->
</DockPanel>

<StackPanel Margin="16">
    <TextBlock Text="Regisztráció" FontSize="22" FontWeight="Bold" Margin="0,0,0,12"/>

    <Label Content="_Név:" Target="{Binding ElementName=txtNev}"/>   <!-- Alt+N a mezőre ugrik -->
    <TextBox x:Name="txtNev" Margin="0,0,0,8"/>

    <CheckBox x:Name="chkHirlevel" Content="Hírlevelet kérek" IsChecked="True" Margin="0,0,0,8"/>

    <ComboBox x:Name="cmbOsztaly" SelectedIndex="0" Margin="0,0,0,8">
        <ComboBoxItem Content="9.A"/>
        <ComboBoxItem Content="9.B"/>
        <ComboBoxItem Content="10.A"/>
    </ComboBox>

    <Slider x:Name="sldKor" Minimum="10" Maximum="20" Value="15" TickFrequency="1" IsSnapToTickEnabled="True"/>
    <TextBlock Text="{Binding Value, ElementName=sldKor, StringFormat=Életkor: {0}}"/>   <!-- adatkötés: a következő leckében részletezzük -->

    <Button Content="Mentés" IsDefault="True" Click="Mentes_Click" Margin="0,12,0,0" HorizontalAlignment="Right" Padding="16,6"/>
</StackPanel>

<Application x:Class="Urlap.App"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             StartupUri="MainWindow.xaml">
    <Application.Resources>

        <!-- színek és ecsetek: egy helyen, névvel -->
        <SolidColorBrush x:Key="FoSzin" Color="#6840A5"/>
        <SolidColorBrush x:Key="KiemeltSzin" Color="#8B60BA"/>

        <!-- IMPLICIT stílus: minden Button erre vonatkozik (nincs x:Key) -->
        <Style TargetType="Button">
            <Setter Property="Background" Value="{StaticResource FoSzin}"/>
            <Setter Property="Foreground" Value="White"/>
            <Setter Property="Padding" Value="14,6"/>
            <Setter Property="Margin" Value="4"/>
            <Style.Triggers>
                <!-- TRIGGER: ha az egér a gomb fölött van, a háttér változik -->
                <Trigger Property="IsMouseOver" Value="True">
                    <Setter Property="Background" Value="{StaticResource KiemeltSzin}"/>
                </Trigger>
            </Style.Triggers>
        </Style>

        <!-- NEVESÍTETT stílus: csak ahol hivatkozol rá -->
        <Style x:Key="Cim" TargetType="TextBlock">
            <Setter Property="FontSize" Value="24"/>
            <Setter Property="FontWeight" Value="Bold"/>
            <Setter Property="Foreground" Value="{StaticResource FoSzin}"/>
        </Style>
    </Application.Resources>
</Application>

<!-- használat bármelyik ablakban -->
<TextBlock Text="Cím" Style="{StaticResource Cim}"/>
<Button Content="OK"/>   <!-- automatikusan megkapja az implicit gomb-stílust -->