目录 - 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应用,待续...