WPF分享一个登录界面设计

分享一个登录界面，先看效果图：

准备

文中使用到了一些图标：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ZsHcZCFv-1652400544809)(https://img1.dotnet9.com/2022/05/3402.png)]

我们可以从 iconfont免费下载：

代码简单说明

请随手创建一个WPF项目（.NET Framework、.NET 5皆可），使用tree /f命令看看最终的文件结构，和上面的截图一致：

C:.
│  ModernLoginPage.xaml
│  ModernLoginPage.xaml.cs
│
└─Images
        close.png
        email.png
        github.png
        google.png
        lock.png
        wechat.png
1
2
3
4
5
6
7
8
9
10
11

简单吧，一个图片目录存放前面下载的图标，一个xaml文件做登录界面设计，xaml.cs做界面按钮响应事件处理（实际项目建议使用Mvvm)。