WPF 设计一个最简单登录页面功能的实现

   布局入门，简单基础四个控件的使用，设计一个最简单登录页面功能的实现；

 

<Window x:Class="WpfNewGongWei.Demo1.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:WpfNewGongWei.Demo1"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800" ShowInTaskbar="True" 
        WindowStartupLocation="CenterScreen" WindowState="Maximized" Topmost="True" Loaded="Window_Loaded"   >
    <Grid Margin="0,0,248,118">
        <Button HorizontalAlignment="Left" Margin="86,305,0,0" VerticalAlignment="Top"
                Width="75" />


        <!--<Button>
            <Label Content="账号"></Label>
            
        </Button>-->

        <Label Content="账号" Margin="35,50,0,-26" />

        <Label Content="密码" Margin="35,80,0,-26" />

        <TextBox Name="txtUName" HorizontalAlignment="Left" Margin="86,50,0,0" TextWrapping="NoWrap"
                 Text="admin" VerticalAlignment="Top" Width="120"/>

        <PasswordBox Name="txtPwd" HorizontalAlignment="Left" Height="23" 
             Margin="86,83,0,0"  Password="123456" PasswordChar="*"  VerticalAlignment="Top" Width="120" Loaded="txtPwd_Loaded"/>
        <Button Name="btnLogin" Content="登录" HorizontalAlignment="Left" Margin="76,151,0,0" VerticalAlignment="Top" RenderTransformOrigin="0.464,-0.064" Click="btnLogin_Click" />

        <Button Name="btnCancel" Content="取消" HorizontalAlignment="Left" Margin="127,151,0,0" VerticalAlignment="Top" Width="50" Click="Button_Click"/>

        <!-- Content属性设置文本内容； 编辑  登录2
        -->
        <!--<Button  HorizontalAlignment="Left" Margin="66,185,0,0" VerticalAlignment="Top">
                    
        
        
            <Button>/>-->




    </Grid>
</Window>

启动项目效果；