Xamarin.Forms MVVM

目录 - Xamarin.Forms

---

前言

本文介绍MVVM：
一、MVVM简介
二、MVVM示例

环境

1.Visual Studio 2019
2.Xamarin.Froms 4.0.0.346134-pre9
3.Android 5.0(API 21)或更高版本
4.约定：XF代表Xamarin.Forms

内容

一、MVVM简介

1.MVVM是一种设计模式。

2.MVVM即：Model(模型)、View(视图)、ViewModel(视图模型)：

• 模型(Model)：领域/实体/类模型。定义模型。
• 视图(View)：用户界面。定义用户在屏幕上看到的内容。
• 视图模型(ViewModel)：业务逻辑。定义属性，命令和业务逻辑。

3.MVVM将应用的逻辑与界面分离，简单列举好处如下：

• 易重用：多个View可共用ViewModel；
• 易开发：开发人员专注逻辑，设计人员专注UI；
• 易测试：针对ViewModel编写测试。

二、MVVM示例

实现效果

实现方式

第一步：新建Xamarin.Forms项目，取名MVVMSample，选择空白模板。

第二步：新建三个文件夹：Models，Views，ViewModels。并将MainPage移动到Views下，且修改其命名空间。

注：App.xaml.cs中需更新MainPage的命名空间引用。

第三步：在Models文件夹下添加UserModel类。

第四步：在ViewModels文件夹下添加MainPageViewModel类。

1.实现INotifyPropertyChanged接口。作用：通知属性变更，即，属性值更改时，会通知视图中绑定此属性的控件，作出相应更改。

2.添加属性。

3.添加命令。

第五步：更新Views文件夹下的MainPage。

源码

链接：https://pan.baidu.com/s/1SR2H1SAELd075UfMkGRo-A
提取码：i6d5

后语

下篇介绍在MVVM应用，待续...

---

目录 - Xamarin.Forms