UWP开发-重新理解MVVM
MVVM是一个比较热门的开发框架，尽管已经出现很久了，仍然比较受欢迎。MVVM框架包括：
M：Model；Model指的是数据模型，例如你要在页面展示联系人信息，那么Model就是联系人的模型，包括联系人的名字，电话号码，头像等。。。
V：View；View指的是展示的页面，比如你所现在看到的这篇文章都是View。
VM：ViewModel；ViewModel指的是对View的抽象！什么是抽象？ 大概就是它实际是存在的，但你又不能直接"看"到。
对于这三者的关系，我举个简单的例子吧：
假设你喜欢一个姑娘，姑娘都有身高，体重，脸蛋类型等等对吧.
public class 姑娘 { public enum 脸蛋类型 { 光滑 = 0, 麻子 = 1 } public string 姓名 { get; set; } public double 身高 { get; set; } public double 体重 { get; set; } public 脸蛋类型 脸蛋 { get; set; } }
光有姑娘的概念不行呀，你要的是一个实例，那好，咱new一个
private 姑娘 我的姑娘 = new 姑娘 { 体重 = 200, 姓名 = "狗蛋", 脸蛋 = 脸蛋类型.麻子, 身高 = 150 ,IsLike=false};//私有
你一看，卧槽这哪行，赶快滚蛋，重新new一个
private 姑娘 我的姑娘 = new 姑娘 { 体重 = 100, 姓名 = "柳言", 脸蛋 = 脸蛋类型.光滑, 身高 = 165,IsLike=true };
喜欢的姑娘有了，但你不知道姑娘是不是也喜欢你呀，所以你想对姑娘表达爱慕，看看姑娘的反应：
private async Task 表达爱慕() { string 骚话 = "骚话不断，我宣你！"; try { var 她喜欢我 = await Say(骚话, 我的姑娘); var 心情 = 她喜欢我 ? "得意洋洋" : "哭天抢地"; } catch { Debug.WriteLine("革命尚未成功，同志仍需努力！"); } } private async Task<bool> Say(string _word, 姑娘 _girl) { //此处说完 await Task.Delay(10000);//姑娘很矜持 Random R = new Random(); var res= R.Next(0, 1); switch (res) { case 1: return true; default: return false; } }
上面的姑娘类就是Model，new的姑娘对象和表达爱慕就是ViewModel，你看到姑娘和姑娘给你的反馈就是View。
好了，现在说正经的：
在正式讲MVVM之前先讲几个重要的知识：Binding，DataContext，INotifyPropertyChanged接口
Binding就是数据的绑定啦，比如你要展示上面姑娘的信息：
<StackPanel x:Name="profile_SP"> <TextBlock Text="{Binding 身高,Mode=OneWay}"/> <TextBlock Text="{Binding 体重,Mode=TwoWay}"/> </StackPanel>
Binding的Mode有三种：OneTime；OneWay，TowWay。OneTime表示绑定这个值以后无法更改；OneWay表示后台的更改前台同步显示，但前台的更改后台不会发生改变，只会改变前台的显示；TwoWay表示无论在哪里的更改都是有效的。默认OneWay
这里的身高和体重就是Binding的Path，Binding还有一个Source属性，这里没有指定，但是在后台需是要指定，不然找不到身高和体重这两个属性了。Binding找数据源是根据控件树一级一级往上找的，如果没找到就会报错。
在后台代码中指定DataContex
profile_SP.DataContext = 我的姑娘;
也可以指定为这个页面的DataContext
this.DataContext = 我的姑娘;
但这样有个问题呀。假如你心仪这个姑娘很久了，你就一直盯着她的资料看，但是，姑娘长膘了，从原来的100长到了150，但你不知道啊，因为你看到的是她原来的资料。这时候就需要实现INotifyPropertyChanged接口来通知前端后台发生了数据更改。
public class DispatcherManager { private CoreDispatcher _dispatcher; public CoreDispatcher Dispatcher { get { return _dispatcher; } set { _dispatcher = value; } } private static DispatcherManager _current; public static DispatcherManager Current { get { if (_current == null) { _current = new DispatcherManager(); } return _current; } } } public class 姑娘 : INotifyPropertyChanged { public event PropertyChangedEventHandler PropertyChanged; protected async void OnPropertyChanged([CallerMemberName]string propertyName = "") { if (PropertyChanged != null) { if (DispatcherManager.Current.Dispatcher == null) { PropertyChanged(this, new PropertyChangedEventArgs(propertyName)); } else { if (DispatcherManager.Current.Dispatcher.HasThreadAccess) { PropertyChanged(this, new PropertyChangedEventArgs(propertyName)); } else { await DispatcherManager.Current.Dispatcher.RunAsync(Windows.UI.Core.CoreDispatcherPriority.Normal, delegate () { PropertyChanged(this, new PropertyChangedEventArgs(propertyName)); }); } } } } public enum 脸蛋类型 { 光滑 = 0, 麻子 = 1 } private double _weight; private bool _islike; public string 姓名 { get; set; } public double 身高 { get; set; } public double 体重 { get { return _weight; } set { _weight = value;OnPropertyChanged(); } } public 脸蛋类型 脸蛋 { get; set; } public bool IsLike { get { return _islike; } set { _islike = value;OnPropertyChanged(); } } }
好了现在姑娘长膘了我们可以随时知道，也可以随时”变心“了（都是“善变”的动物）。
先来看View：
<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"> <StackPanel> <TextBlock Text="{Binding 姓名}"/> <TextBlock Text="{Binding 身高}"/> <TextBlock Text="{Binding 体重,Mode=TowWay}"/> <TextBlock Text="{Binding 脸蛋}"/> </StackPanel> </Grid>
很简单，就展示了姑娘的基本信息。
接下来设置ViewModel：
public delegate void MovieWatchEventHander(); public delegate void 头脑发热EventHandler(); public event MovieWatchEventHander MovieWatched;//看完一部爱情电影后 public event 头脑发热EventHandler 头脑发热ed; private GrilViewModel _viewModel; public GirlPage() { this.InitializeComponent(); } protected override void OnNavigatedTo(NavigationEventArgs e) { base.OnNavigatedTo(e); if(e.NavigationMode== NavigationMode.New) { this.DataContext = _viewModel = new GrilViewModel(); MovieWatched += GirlPage_MovieWatched; 头脑发热ed += GirlPage_头脑发热ed; } } private async void GirlPage_头脑发热ed() { await _viewModel.表达爱慕(); } private async void GirlPage_MovieWatched() { await _viewModel.表达爱慕(); }
注意这里我为什么不把事件等东西全部放到ViewModel呢？严格按照MVVM来说是的，应该放在ViewModel里，但是，我们不要为了模式而模式，尤其是页面的事件，Button的Click还好说，有Command，但是其他时间要写到MVVM里面就非常麻烦，而这并没有给我们带来明显的好处，所以还是直接放到页面的cs文件中比较好。
说说我理解的模式吧，就好比一个剑客
第一层：手中无剑，拿一根木棍胡乱打一通；就跟我们开始写代码，不管三七二十一，实现再说；
第二层：手中有剑，会一招一式，此时可以行走江湖，一般来说应付得过来；按照“模式”来；
第三曾：手中无剑，心中有剑，此时就是绝顶高手，杀人于无形；模式变通，无招胜有招；
哈哈，以上就是我瞎jb吹nb的，其实我就是个刚入门的菜鸟。希望各位大侠轻喷！
