WPF project introduction 1 - Design and development of simple login page

  Look at the effect

  

Code up

   1 Default startup page code

<Application x:Class="WpfApp2.App"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:local="clr-namespace:WpfApp2"
             StartupUri="MainWindow.xaml">
    <Application.Resources>
         
    </Application.Resources>
</Application>

 

2  Front end layout , Set up , Control use , And button double click , Add event code

<Window x:Class="WpfApp2.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:WpfApp2"
        mc:Ignorable="d"
        Title=" The login page " Height="294.5" Width="374.5" ShowInTaskbar="False" 
        WindowStartupLocation="CenterScreen" WindowState="Maximized" Topmost="True" Icon="Imgs/logoyun.png"
      
        >
    <!-- Grid type   Row and column   Layout control  Grid Window Of Content  Content   -->
    <Grid Margin="0,0,-91,-67">
        <!--Content Property to set the text content  1 Content=" Sign in "  Set the text value content 2 Ways of planting ,2  Write between the text .3 label Control writing method   Realization  -->
        <Button Name="btnLogin" HorizontalAlignment="Left" Margin="104,172,0,0" VerticalAlignment="Top" 
                 Width="50" Content=" Sign in " Click="btnLogin_Click">
            <!--<Label Content=" Sign in " HorizontalAlignment="Left"  VerticalAlignment="Top" RenderTransformOrigin="0.5,0.5">
                <Label.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform/>
                        <SkewTransform/>
                        <RotateTransform Angle="-0.464"/>
                        <TranslateTransform/>
                    </TransformGroup>
                </Label.RenderTransform>
            </Label>-->
        </Button>
        <Label Name="lbluName" Content=" account number :" HorizontalAlignment="Left" 
               Margin="93,88,0,0" VerticalAlignment="Top" Width="108"/>
        <TextBox Name="txtUName" HorizontalAlignment="Left" Height="23" Margin="139,90,0,0"
                 TextWrapping="NoWrap" 
                 Text="admin" VerticalAlignment="Top" Width="120"/>

        <Label Content=" password :" HorizontalAlignment="Left" 
               Margin="93,118,0,0" VerticalAlignment="Top" Width="108"/>
        <PasswordBox Name="txtUPwd" HorizontalAlignment="Left" Height="23" Margin="139,122,0,0"
                 Password="123456" PasswordChar="*" VerticalAlignment="Top" Width="120"/>
        <Button Name="btnConcel"
                Content=" Cancel " HorizontalAlignment="Left"
                Margin="184,172,0,0" VerticalAlignment="Top" Width="50" 
                Click="BtnCancel_Click"/>


    </Grid>

    <!-- The root node  window-->
</Window>

 3 C# Class code , Registration of button events

  

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 WpfApp2
{
    /// <summary>
    /// MainWindow.xaml  Interaction logic of 
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }

        private void btnLogin_Click(object sender, RoutedEventArgs e)
        {
            // Control's event registration 

        }

        private void BtnCancel_Click(object sender, RoutedEventArgs e)
        {

        }
    }
}

Activation effect