WPF学习三（MVVM+自定义按钮等的登录界面）

         跟着bilibil龙马哥视频做的一个登录界面，个人感觉讲得很到位，适合新手），他是从开始的前后绑定慢慢解耦合到MVVM，让我较快的理解了WPF的基础。

        【WPF入门】WPF零基础到精通，从概念到实操，步步提升！_哔哩哔哩_bilibili

成果展示

鼠标放置颜色改变

对passwordbox添加属性，能够binding

实现过程

        界面布局，直接使用代码进行编辑

        整体分为上下两部分，及两行，顶行进行标题设计，第二行进行其他控件的设计。

        第二行分为左右两部分，左边这部分放置图片，右边放置账号、密登录按钮这写text和button。下面的代码是最终版本，里面有些控件和属性属于自定义。

FontSize="20" TextAlignment="Center" HorizontalAlignment="Center" VerticalAlignment="Center">

Command="{Binding Command}" HorizontalAlignment="Center" VerticalAlignment="Center" Height="30" Width="100">

        我这里也按照我的理解一步一步的推进

         2.前后端直接绑定

         最开始实现的是使用的按钮的click和对账号和密码的两个TextBox设置名字，并在后台调用text的方法。

        3.双向绑定

        上图的视图View就是主界面，此外设计了一个模型Model与其进行双向绑定 ，账号和密码属性便是定义在model下的后台代码下，这是一个解耦的过程，目的可以实现项目的并行开发。

        4.委托和指令

         5.MVVM

        模型处理数据给试图模型，视图模型和界面相互绑定处理。

精彩文章