首页 > 代码库 > WPF MVVM模式
WPF MVVM模式
1. MVVM
MVVM的设计模式最早于2005年由微软的WPF和Silverlight架构师John Gossman在他的博客中提到。
WPF中采用MVVM的架构可以获得以下好处:
1. 将UI和业务的设计完全分开，View只是ViewModel的消费者
2. 有助于我们区别并哪些是UI操作，哪些是业务操作，而不是将他们混淆
3.层与层之间耦合度降低,这一点非常符合面向对象(OOP)的思想。
2.MVVM 用图来表示，这个是从网上找的图,简单明了,省去了自己画。
3.下面来一步一步写代码吧!
3.1 在项目根目录创建Model文件夹,并新增一个实体类,PersonModel,实现INotifyPropertyChanged通知接口。
1 using System; 2 using System.Collections.Generic; 3 using System.ComponentModel; 4 using System.Linq; 5 using System.Text; 6 using System.Threading.Tasks; 7 8 namespace MVVMDemo.Model 9 {10 public class Person : INotifyPropertyChanged11 {12 public event PropertyChangedEventHandler PropertyChanged;13 14 private string name = "吃饭了";15 public string Name16 {17 get { return name; }18 set { name = value; OnPropertyChanged("Name"); }19 }20 21 private void OnPropertyChanged(string propertyName)22 {23 if (PropertyChanged == null) return;24 PropertyChanged(this, new PropertyChangedEventArgs(propertyName));25 }26 27 public void Show(object o)28 {29 this.Name += ",吃饭了";30 31 }32 }33 }
3.2 在项目根目录创建ViewModel文件夹,并新增一个PersonViewModel
1 using MVVMDemo.Commands; 2 using MVVMDemo.Model; 3 using System; 4 using System.Collections.Generic; 5 using System.Linq; 6 using System.Text; 7 using System.Threading.Tasks; 8 9 namespace MVVMDemo.ViewModel10 {11 public class PersonViewModel12 {13 public PersonCommand PersonCommand { get; set; }14 public Person PersonModel { get; set; }15 16 public PersonViewModel()17 {18 this.PersonModel = new Person();19 this.PersonCommand = new PersonCommand();20 this.PersonCommand.ExecuteCommand = this.PersonModel.Show;21 22 }23 24 25 }26 }
3.3 在项目根目录创建Commands文件夹,并新增一个PersonCommand,实现ICommand接口。
1 using System; 2 using System.Collections.Generic; 3 using System.Linq; 4 using System.Text; 5 using System.Threading.Tasks; 6 using System.Windows.Input; 7 8 namespace MVVMDemo.Commands 9 {10 public class PersonCommand : ICommand11 {12 public Func<object, bool> CanExecuteCommand = null;13 public Action<object> ExecuteCommand = null;14 15 public bool CanExecute(object parameter)16 {17 if (CanExecuteCommand == null) return true;18 return CanExecuteCommand(parameter);19 }20 21 public event EventHandler CanExecuteChanged;22 23 public void Execute(object parameter)24 {25 if (ExecuteCommand == null) return;26 ExecuteCommand(parameter);27 }28 29 public void OnCanExecuteChanged()30 {31 if (CanExecuteChanged == null) return;32 CanExecuteChanged(this, EventArgs.Empty);33 }34 }35 }
3.4 MainWindow.xaml调用
1 <Window x:Class="MVVMDemo.MainWindow" 2 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 3 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 4 Title="MainWindow" Height="434.432" Width="607.471"> 5 <Grid Margin="0,0,2,5"> 6 7 <TextBlock Name="lbShow" Text="{Binding PersonModel.Name}" Margin="10,274,-10,10" /> 8 <Button Command="{Binding PersonCommand}" Height="20" Width="120" Margin="214,211,214,93" Content="MVVM"></Button> 9 <!-- <Button Height="20" Width="120" Content="{Binding ElementName=gb,Path=Value,UpdateSourceTrigger=PropertyChanged,Mode=OneWay}"></Button> -->10 </Grid>11 </Window>
1 using MVVMDemo.ViewModel; 2 using System.Windows; 3 4 namespace MVVMDemo 5 { 6 /// <summary> 7 /// MainWindow.xaml 的交互逻辑 8 /// </summary> 9 public partial class MainWindow : Window10 {11 public MainWindow()12 {13 InitializeComponent();14 this.DataContext = new PersonViewModel();15 16 }17 }18 }
3.5测试结果
很简单的例子，希望能看懂，这是基础。
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。