WPF simple login page completion case

grid Use of individual controls , complete

<Window x:Class="WpfAppDL.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:WpfAppDL"
        mc:Ignorable="d"
        Title="MainWindow" Height="300" Width="600" FontSize="20">
    <Grid >
        <Grid.RowDefinitions>
            <RowDefinition/>
            <RowDefinition Height="*" />
            <RowDefinition />

        </Grid.RowDefinitions>

        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="2*"/>
            <ColumnDefinition Width="5*"/>
        </Grid.ColumnDefinitions>
        <TextBlock Text=" user name ：" />
        <TextBox Text=" Zhang San " Grid.Column="1" />
        <TextBlock Text=" password ：" Grid.Row="1"/>
        <TextBox Text=" Zhang San " Grid.Row="1" Grid.Column="1" />
        <Button Content=" Sign in " Grid.Row="2" Margin="-100,2,4,5" Grid.ColumnSpan="2" Width="100" Height="30" Click="Button_Click"/>
        <Button Content=" register " Grid.Row="2" Width="100" Height="30" Grid.Column="1"/>

    </Grid>
    
    
</Window>

effect

  Click login , Output string