C# WPF 登录界面设计

一、WPF相关属性补充

①主窗体设计部分常用英文补充

Title="登录界面"   //主窗体标题

Height =300 //主窗体高度

Width=390   //主窗体宽度

WindowStyle="None" //窗体无边框

WindowStartupLocation="CenterScreen" //窗体启动初始位置居中

 ResizeMode="NoResize" //窗体不允许拖动

MouseLeftButtonDown="Window_MouseLeftButtonDown"> //给窗体注册拖动事件，（需要手动编写后台代码）

②控件部分常用补充

ImageSource //图片加载路径

Content //设置控件显示的文本

Foreground //控件显示的文字颜色

FontSize //控件显示的字体大小

Name //给控件起名字（重要）

VerticalAlignment // 垂直方向对齐

HorizontalAlignment  //水平方向对齐

BorderBrush //控件边框颜色

Background="Orange"  //设置控件显示的背景颜色

二、登录部分代码如下（xaml）

<Window x:Class="StudentManageWPF.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:StudentManageWPF"
        mc:Ignorable="d"
        Title="登录界面" Height="300" Width="390" WindowStyle="None"
        WindowStartupLocation="CenterScreen"  ResizeMode="NoResize" 
        MouseLeftButtonDown="Window_MouseLeftButtonDown">
    <!--设置窗体文本，窗体高度，窗体宽度尺寸，窗体无边框，窗口居中显示，
    设置窗体边框拖动不可拉伸,给窗体注册拖动事件-->
    <Grid>
        <Grid.Background>
            <ImageBrush ImageSource="Images/admin_login.jpg" Stretch="UniformToFill"/>
            <!--设置图片路径，设置图片为填充所有-->
        </Grid.Background>
        <Canvas>
            <Label Content="登录账号" Foreground="#ffffff" Canvas.Left="71" FontSize="14" Canvas.Top="164"/>
            <TextBox x:Name="txtLoginId"  VerticalAlignment="Center" Height="25" Canvas.Left="152" TextWrapping="Wrap" 
                     Canvas.Top="167" BorderBrush="#FAC020" Width="147"/>
            <Label Content="登录密码"  Foreground="#ffffff"  FontSize="14" Canvas.Left="71"  Canvas.Top="205" RenderTransformOrigin="0.569,1.934"/>
            <PasswordBox Name="txtLoginPwd" BorderBrush="#FAC020" VerticalAlignment="Center" Canvas.Left="152" Canvas.Top="205" Width="147" Height="26"/>
            <Button x:Name="btn_Login" Content="登录系统" Background="#FAC020" BorderBrush="AliceBlue" FontSize="14" Foreground="#ffffff" Canvas.Left="174" Canvas.Top="252" Width="78" Height="34"/>
            <Button x:Name="btn_Exit" Content="×" Background="#1AACEB" BorderBrush="#1AACEB" FontSize="18" Foreground="#ffffff" Canvas.Left="363"
                    Width="27" Height="27" RenderTransformOrigin="1.716,-2.694" Click="btn_Exit_Click" />
        </Canvas>
    </Grid>
</Window>

登录部分后台代码如下（cs）

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 StudentManageWPF
{
    /// <summary>
    /// MainWindow.xaml 的交互逻辑
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            txtLoginId.Focus();//获取焦点
        }
        /// <summary>
        /// 无边框窗体拖动
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        private void Window_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
        {
            base.OnMouseLeftButtonDown(e);
            //获取鼠标相对标题栏位置
            Point point = e.GetPosition(this);
            if (e.LeftButton==MouseButtonState.Pressed)
            {
                if (point.X>=0&&point.X<this.ActualWidth&&point.Y>=0&&point.Y<ActualHeight)
                {
                    this.DragMove();
                }
            }
        }
        /// <summary>
        /// 退出按钮
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        private void btn_Exit_Click(object sender, RoutedEventArgs e)
        {
            this.Close();
        }
    }
}

运行结果：