WPF源码控件库【Newbeecoder.UI】登录

有技巧搬砖

已于 2022-02-16 18:23:13 修改

阅读量558

点赞数

文章标签： wpf c# ui

于 2021-07-05 20:45:20 首次发布

本文链接：https://blog.csdn.net/liaohaiyin/article/details/118498084

版权

首先给登录界面添加一张背景图片，实现后效果如下：

watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpYW9oYWl5aW4=,size_16,color_FFFFFF,t_70

接下来我们要实现登录功能，添加个StackPanel容器自动居中窗体内，设置容器的圆角为6，然后把StackPanel设置左右两部份，左边显示Logo图片和相关信息。

实现后效果如下：

watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpYW9oYWl5aW4=,size_16,color_FFFFFF,t_70

登录功能实现在右侧，登录有用户名，密码，记住密码，登录按钮，关闭按钮

watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpYW9oYWl5aW4=,size_16,color_FFFFFF,t_70

简单的实现登录功能如下图

watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpYW9oYWl5aW4=,size_16,color_FFFFFF,t_70

ViewModel绑定和命令

watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpYW9oYWl5aW4=,size_16,color_FFFFFF,t_70

关注