Xamarin.Forms 第02局 MVVM应用
2019-05-17 本文已影响4人
dotNET之家
目录 - Xamarin.Forms
前言
本文介绍：MVVM的应用。
一、添加BaseViewModel
二、添加MainViewModel
三、添加ItemDetailViewModel
四、添加NewItemViewModel
环境
1.Visual Studio 2019
2.Xamarin.Froms 4.0.0.232914-pre10
3.Android 5.0(API 21)或更高版本
4.约定：XF代表Xamarin.Forms
内容
本文在《Xamarin.Forms 第01局 Shell-准备》中XFShell上应用MVVM，将页面中的一些数据及逻辑移到各自对应的ViewModel中。
最终效果
一、添加BaseViewModel
第一步：应用MVVM，一般会创建三个文件夹：Models，Views，ViewModels。所以，再添加Views，ViewModels文件夹，并将已有的页面移入Views文件夹下，并修改其命名空间。
第二步：由于MainPage命名空间发生变化，所以AppShell.xaml需要同步变化。
第三步：由于每个ViewModel会有一些通用功能，所以在ViewModels文件夹下创建ViewModel的基类BaseViewModel，并实现INotifyPropertyChanged接口。
二、添加MainViewModel
第一步：在ViewModels文件夹下添加MainViewModel，并更新为以下代码。数据通常是从API中动态加载，这里先用模拟数据。
第二步：在MainPage.xaml.cs中，移除模拟数据代码，并设置BindingContext。
第三步：在MainPage.xaml中，做以下改动。
三、添加ItemDetailViewModel
第一步：在ViewModels文件夹下添加ItemDetailViewModel，并更新为以下代码。
第二步：在ItemDetailPage.xaml.cs中，移除赋值代码，并设置BindingContext。
第三步：在ItemDetailPage.xaml中，做以下改动。
四、添加NewItemViewModel
第一步：在ViewModels文件夹下添加NewItemViewModel，并更新为以下代码。
第二步：在NewItemPage.xaml.cs中，移除OnSave方法，并设置BindingContext。
第三步：在ItemDetailPage.xaml中，做以下改动。
源码
下载链接：https://pan.baidu.com/s/1UQycs5rjcic9dG8N12oDAA
提取密码：bcoa
后语
下篇介绍Navigation，待续...
