作者本人以前是做C++的,当然很顺利的进入到WinForm,这也让我基本没有View-Model思维。学习WPF说白点也是因为其强大的UI,其实我忽视了很重要的一点,直到接触了MVVM框架,其实Web前后端开发已经指明了未来编程趋势,各干各的:完美的前段和强劲的后端,个人是这么认为的。
WPF是微软视其为下一代用户界面技术,XAML的使用就是为了降低耦合度。那么我们不得不说说WinForm和WPF的区别了。
1.
WinForm更新UI的操作是通过后台操作UI名,即ID来完成的。WPF是通过数据Binding来实现UI更新的。
2.
WinForm响应用户操作的方式是事件Event。WPF是通过命令(Command)Binding的方式。
所以说,从你写的第一个WPF的Hello World!开始,你就要转变思路了!而不是很多人做的那种给按钮添加事件,点击触发然后抱怨和过去的Winform没啥区别,一点都不好用。
我们先看一个简单点的例子,不知道大家是不是一个有心的人,在之前的数据绑定过程中,我发现如果数据变化了呢?前台是否还会自主更新,答案是并不会,现在接触到MVVM,问题迎刃而解。
public class Name
string _userName;
string _companyName;
public string UserName
get { return _userName; }
set { _userName = value;}
public string CompanyName
get { return _companyName; }
set { _companyName = value;}
public partial class MainWindow : Window
Name MyName = new Name();
public MainWindow()
InitializeComponent();
MyName = base.DataContext as Name;
private void Update_Click(object sender, RoutedEventArgs e)
//界面不会更新
MyName.UserName = "Rose";
MyName.CompanyName= "中软易通";
<Window x:Class="mvvm.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="clr-namespace:mvvm"
Title="MainWindow" Height="147.806" Width="407.044">
<Window.DataContext>
<local:Name UserName="Pc-Yang" CompanyName="FS" />
</Window.DataContext>
<StackPanel VerticalAlignment="Center" Orientation="Horizontal">
<TextBlock Text="用户名:" Margin="20"/>
<TextBlock Text="{Binding UserName}" Margin="0,20"/>
<TextBlock Text="公司名称:" Margin="20"/>
<TextBlock Text="{Binding CompanyName}" Margin="0,20"/>
<Button Content="更新" Click="Update_Click" Margin="20"/>
</StackPanel>
</Window>
当我们点击按钮时候,根本没用啥反应,如果这种事情存在WPF中,不可能,否则就是失败。现在我们进行MVVM改造。定义一个NotificationBase类,这个类的作用是实现了INotifyPropertyChanged接口,目的是绑定数据属性。实现了它这个接口,数据属性发生变化后才会去通知UI,否则不会有任何。如果想在数据属性发生变化前知道,需要实现INotifyPropertyChanging接口。
public class Name : NotificationBase
string _userName;
string _companyName;
/// <summary>
/// 用户名
/// </summary>
public string UserName
get { return _userName; }
set { _userName = value; RaisePropertyChanged("UserName"); }
/// <summary>
/// 公司名
/// </summary>
public string CompanyName
get { return _companyName; }
set { _companyName = value; RaisePropertyChanged("CompanyName"); }
public class NotificationBase : INotifyPropertyChanged
public event PropertyChangedEventHandler PropertyChanged;
public void RaisePropertyChanged(string propertyName)
PropertyChangedEventHandler handler = PropertyChanged;
if (handler != null)
handler(this, new PropertyChangedEventArgs(propertyName));
整个逻辑不难理解,这里有个知识点就是接口实现事件,我在C#基础教程(三)做下知识点分析。我们也可以用命令来实现上面的MVVM,请看下面代码(这段代码感觉不是很走心,甚至有点累赘,可能MVVM的命令用法不是这样的)。
<Window x:Class="mvvm.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="clr-namespace:mvvm"
Title="MainWindow" Height="147.806" Width="407.044">
<Window.DataContext>
<local:Name UserName="Pc-Yang" CompanyName="FS" />
</Window.DataContext>
<StackPanel VerticalAlignment="Center" Orientation="Horizontal">
<TextBlock Text="用户名:" Margin="20"/>
<TextBlock Text="{Binding UserName}" Margin="0,20"/>
<TextBlock Text="公司名称:" Margin="20"/>
<TextBlock Text="{Binding CompanyName}" Margin="0,20"/>
<Button Command="{Binding PrintCmd}" Name="UpdateBtn" Content="更新" Click="Update_Click" Margin="20"/>
</StackPanel>
</Window>
public class Name : NotificationBase
string _userName;
string _companyName;
/// <summary>
/// 用户名
/// </summary>
public string UserName
get { return _userName; }
set { _userName = value; RaisePropertyChanged("UserName"); }
/// <summary>
/// 公司名
/// </summary>
public string CompanyName
get { return _companyName; }
set { _companyName = value; RaisePropertyChanged("CompanyName"); }
/// 方法函数
public void PrintNowName(object obj)
string[] Arr=obj as string[];
MainWindow.name.UserName = Arr[0];
MainWindow.name.CompanyName = Arr[1];
public class NotificationBase : INotifyPropertyChanged
//属性改变自动添加方法函数
public event PropertyChangedEventHandler PropertyChanged;
public void RaisePropertyChanged(string propertyName)
PropertyChangedEventHandler handler = PropertyChanged;
if (handler != null)
handler(this, new PropertyChangedEventArgs(propertyName));
class DelegateCommand : ICommand
public Action<object> ExecuteCommand = null;
public Func<object, bool> CanExecuteCommand = null;
public event EventHandler CanExecuteChanged;
//不停询问是否可以执行
public bool CanExecute(object parameter)
if (CanExecuteCommand != null)
return this.CanExecuteCommand(parameter);
return true;
public void Execute(object parameter)
if (this.ExecuteCommand != null) this.ExecuteCommand(parameter);
class ViewModel
public DelegateCommand PrintCmd { get; set; }
public Name name { get; set; }
public ViewModel()
this.name = new Name();
this.PrintCmd = new DelegateCommand();
this.PrintCmd.ExecuteCommand = new Action<object>(this.name.PrintNowName);
public partial class MainWindow : Window
static public Name name;
public MainWindow()
InitializeComponent();
//将上下文数据指向对象name
name = base.DataContext as Name;
private void Update_Click(object sender, RoutedEventArgs e)
//命令是否传递参数,即CanExecute的parameter
this.UpdateBtn.CommandParameter = new string[] { "jack", "鱼骨头" };
this.UpdateBtn.DataContext = new ViewModel();
上下文数据DataContext对于属性Binding来说极为重要,关系能不能找到绑定属性。
DataContext是继承于顶层框架类的一个字段。
这里探讨的MVVM极为浅显,属于入门级,但为DataGrid等其它控件如何动态绑定,打下基础。
曾经因为项目接触到DevExpress控件,可以用其MVVM组件。
作者本人以前是做C++的,当然很顺利的进入到WinForm,这也让我基本没有View-Model思维。学习WPF说白点也是因为其强大的UI,其实我忽视了很重要的一点,直到接触了MVVM框架,其实Web前后端开发已经指明了未来编程趋势,各干各的:完美的前段和强劲的后端,个人是这么认为的。WPF是微软视其为下一代用户界面技术,XAML的使用就是为了降低耦合度。那么我们不得不说说WinForm和WP......
MVVM是Model-View-ViewModel的简写。微软的WPF带来了新的技术体验,如Silverlight、音频、视频、3D、动画……。这导致了软件UI层更加细节化、可定制化。同时,在技术层面,WPF也带来了诸如Binding、DependencyProperty、RoutedEvents、Command、DataTemplate、ControlTemplate等新特性。MVVM(Model-View-ViewModel)框架的由来便是MVP(Model-View-Presenter)模式与WPF结合的应用方式时发展演变过来的一种新型架构框架。它立足于原有MVP框架并且把WPF的新特性
在WPF开发中,经典的编程模式是MVVM,是为WPF量身定做的模式,该模式充分利用了WPF的数据绑定机制,最大限度地降低了Xmal文件和CS文件的耦合度,也就是UI显示和逻辑代码的耦合度,如需要更换界面时,逻辑代码修改很少,甚至不用修改。
与WinForm开发相比,我们一般在后置代码中会使用控件的名字来操作控件的属性来更新UI,而在WPF中通常是通过
WPF(Windows Presentation Foundation)是微软推出的一种用于构建 Windows 应用程序的 UI 框架。MVVM(Model-View-ViewModel)是一种设计模式,它将视图(View)和模型(Model)分离开来,并通过视图模型(ViewModel)来连接它们。
在 WPF 中使用 MVVM 框架可以使应用程序的设计更加清晰,并且可以更容易地实现界面和业务逻辑的分离。它还提供了强大的数据绑定功能,可以使视图和视图模型之间的数据双向绑定,使得界面更新更加方便。