MVVM主要是為了邏輯代碼和視圖的分離，使CodeBehind只包含對UI的操作。通過綁定和Command來實現

下面我們實現一個最簡單的示例，點擊按鈕使年齡加1.

XAML代碼

<Window x:Class="DeepXAML.MainWindow"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"xmlns:local="clr-namespace:DeepXAML" xmlns:sys="clr-namespace:System;assembly=mscorlib"xmlns:cl="clr-namespace:System.Collections;assembly=mscorlib"Title="MainWindow" Height="250" Width="450"><StackPanel><TextBox Text="{Binding Path=Name}"></TextBox><TextBox Text="{Binding Path=Age}"></TextBox><Button Command="{Binding Path=AddAge}" >Add Age</Button></StackPanel> </Window>

?

MainPageViewModel

public class MainPageViewModel : INotifyPropertyChanged{public event PropertyChangedEventHandler PropertyChanged;private string name;public string Name {get { return name; }set {name = value;if (this.PropertyChanged != null){this.PropertyChanged.Invoke(this, new PropertyChangedEventArgs("Name"));}}}private int age;public int Age {get { return age; }set{age = value;if (this.PropertyChanged != null){this.PropertyChanged.Invoke(this, new PropertyChangedEventArgs("Age"));}}}public ICommand AddAge{get { return new AddAgeCommand(this); }}}

?

public class AddAgeCommand : ICommand{private MainPageViewModel mMainPageViewModel;public AddAgeCommand(MainPageViewModel model){mMainPageViewModel = model;}public bool CanExecute(object parameter){return true;}public event EventHandler CanExecuteChanged;public void Execute(object parameter){this.mMainPageViewModel.Age += 1;}}

?

我們可以看一下后臺只有很少代碼：

public partial class MainWindow : Window{public MainWindow(){InitializeComponent();MainPageViewModel mainPageViewModel = new MainPageViewModel { Age = 20, Name = "Jack" };this.DataContext = mainPageViewModel;} } 新人創作打卡挑戰賽發博客就能抽獎！定制產品紅包拿不停！

總結

以上是生活随笔為你收集整理的无废话WPF系列19：MVVM简单介绍的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。