MVVM是一个比较热门的开发框架,尽管已经出现很久了,仍然比较受欢迎。MVVM框架包括:

    M:Model;Model指的是数据模型,例如你要在页面展示联系人信息,那么Model就是联系人的模型,包括联系人的名字,电话号码,头像等。。。

    V:View;View指的是展示的页面,比如你所现在看到的这篇文章都是View。

    VM:ViewModel;ViewModel指的是对View的抽象!什么是抽象? 大概就是它实际是存在的,但你又不能直接"看"到。

对于这三者的关系,我举个简单的例子吧:

  假设你喜欢一个姑娘,姑娘都有身高,体重,脸蛋类型等等对吧.

 public class 姑娘
{
public enum 脸蛋类型
{
光滑 = ,
麻子 =
}
public string 姓名 { get; set; }
public double 身高 { get; set; }
public double 体重 { get; set; }
public 脸蛋类型 脸蛋 { get; set; }
}

光有姑娘的概念不行呀,你要的是一个实例,那好,咱new一个

private 姑娘 我的姑娘 = new 姑娘 { 体重 = , 姓名 = "狗蛋", 脸蛋 = 脸蛋类型.麻子, 身高 =  ,IsLike=false};//私有

你一看,卧槽这哪行,赶快滚蛋,重新new一个

 private 姑娘 我的姑娘 = new 姑娘 { 体重 = , 姓名 = "柳言", 脸蛋 = 脸蛋类型.光滑, 身高 = ,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();//姑娘很矜持
Random R = new Random();
var res= R.Next(, );
switch (res)
{
case :
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 脸蛋类型
{
光滑 = ,
麻子 =
}
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的,其实我就是个刚入门的菜鸟。希望各位大侠轻喷!

UWP开发-重新理解MVVM的更多相关文章

  1. 领域驱动和MVVM应用于UWP开发的一些思考

    领域驱动和MVVM应用于UWP开发的一些思考 0x00 起因 有段时间没写博客了,其实最近本来是根据梳理的MSDN上的资料(UWP开发目录整理)有条不紊的进行UWP学习的.学习中有了心得体会或遇到了问 ...

  2. UWP开发的一些思考

    UWP开发的一些思考 领域驱动和MVVM应用于UWP开发的一些思考 0x00 起因 有段时间没写博客了,其实最近本来是根据梳理的MSDN上的资料(UWP开发目录整理)有条不紊的进行UWP学习的.学习中 ...

  3. Win10 UWP开发系列:使用VS2015 Update2+ionic开发第一个Cordova App

    安装VS2015 Update2的过程是非常曲折的.还好经过不懈的努力,终于折腾成功了. 如果开发Cordova项目的话,推荐大家用一下ionic这个框架,效果还不错.对于Cordova.PhoneG ...

  4. UWP开发入门(十六)——常见的内存泄漏的原因

    本篇借鉴了同事翔哥的劳动成果,在巨人的肩膀上把稿子又念了一遍. 内存泄漏的概念我这里就不说了,之前<UWP开发入门(十三)——用Diagnostic Tool检查内存泄漏>中提到过,即使有 ...

  5. 基于Prism.Windows的UWP开发备忘

    以前做UWP开发都是使用MvvmLight,主要是简单易上手,同时也写了很多MvvmLight的开发系列文章: UWP开发必备以及常用知识点总结 UWP开发之Mvvmlight实践九:基于MVVM的项 ...

  6. 理解MVVM在react、vue中的使用

    理解MVVM在react.vue中的使用 一:什么是MVC.为什么不用MVC 1:MVC的含义: M(modal):是应用程序中处理数据逻辑的部分. V (view)  :是应用程序中数据显示的部分. ...

  7. UWP开发必备:常用数据列表控件汇总比较

    今天是想通过实例将UWP开发常用的数据列表做汇总比较,作为以后项目开发参考.UWP开发必备知识点总结请参照[UWP开发必备以及常用知识点总结]. 本次主要讨论以下控件: GridView:用于显示数据 ...

  8. UWP开发之控件:用WebView做聊天框

    目录 说明 WebView存在的价值 使用WebView的几个重要技巧 使用WebView做的聊天框 说明 大家都知道,无论是之前的Winform.WPF还是现在的IOS.Android开发中,都存在 ...

  9. Win10 UWP 开发系列:使用SQLite

    在App开发过程中,肯定需要有一些数据要存储在本地,简单的配置可以序列化后存成文件,比如LocalSettings的方式,或保存在独立存储中.但如果数据多的话,还是需要本地数据库的支持.在UWP开发中 ...

随机推荐

  1. codeforces B. Friends and Presents(二分+容斥)

    题意:从1....v这些数中找到c1个数不能被x整除,c2个数不能被y整除! 并且这c1个数和这c2个数没有相同的!给定c1, c2, x, y, 求最小的v的值! 思路: 二分+容斥,二分找到v的值 ...

  2. CentOS下安装JDK7 转载

    转载地址:http://www.cnblogs.com/rilley/archive/2012/02/02/2335395.html CentOS下安装JDK7 下载地址:http://www.ora ...

  3. 【转载】Serial NOR Flash and U-Boot

    转载自:http://blackfin.uclinux.org/doku.php?id=bootloaders:u-boot:serial-flash U-Boot supports serial N ...

  4. iOS-设计模式-懒加载

    一.为什么要懒加载? 答: iPhone设备内存有限,如果在程序在启动后就一次性加载将来会用到的所有资源,那么久可能会耗尽iOS设备的内存.这些资源例如大量的数据,图片,音频,过多的控件等. 二.懒加 ...

  5. timestamp的两个属性:CURRENT_TIMESTAMP 和ON UPDATE CURRENT_TIMESTAMP

    timestamp有两个属性,分别是CURRENT_TIMESTAMP 和ON UPDATE CURRENT_TIMESTAMP两种,使用情况分别如下: 1. CURRENT_TIMESTAMP 当要 ...

  6. ok6410 android driver(3)

    This article discusses the Makefile and how to port the module to different platform (localhost and ...

  7. JavaScript一些函数

    1.prompt()函数:有两个参数,一个是显示用户输入框上面的标签,另一个是输入框的初始值.用来接收用户输入的值,然后把它返回到代码中: 例如: <doctype html> <h ...

  8. App.Config详解

    App.Config详解 应用程序配置文件是标准的 XML 文件,XML 标记和属性是区分大小写的.它是可以按需要更改的,开发人员可以使用配置文件来更改设置,而不必重编译应用程序.配置文件的根节点是c ...

  9. Azure开发者任务之三:理解Azure应用程序(上)

    作为Windows Azure的托管服务被设计和开发的应用程序由这两部分组成: 1,托管代码 2,XML配置文件 托管代码对应不同的角色 XML文件对应不同的配置设置 我们可以看一下下面这张图,它详细 ...

  10. Android中的消息通知(NotificationManager和Notification)

    下面来谈谈notification,这个notification一般用在电话,短 信,邮件,闹钟铃声,在手机的状态栏上就会出现一个小图标,提示用户处理这个通知,这时手从上方滑动状态栏就可以展开并处理这 ...