Xamarin全栈开发技术与实践PPTch7.pptx

《Xamarin全栈开发技术与实践PPTch7.pptx》由会员分享，可在线阅读，更多相关《Xamarin全栈开发技术与实践PPTch7.pptx（31页珍藏版）》请在汇文网上搜索。

1、Xamarin Full Stack踏上软件架构之路 软件架构不优雅的ListView将不同功能的代码全部搅在一起 定义数据的代码 准备数据的代码 处理数据业务的代码 软件架构精巧的、标准化的编排代码的方法“众神归位”“居其位，安其职，尽其诚而不逾其度”MVVM架构模式 Model-View-ViewModel（MVVM）Model（M）：模型用于携带数据的类View（V）：视图用于显示数据的控件与页面ViewModel（VM）：视图模型专门为View准备要显示的数据的类MVVM架构模式“要素过多”MainPage.xamlMainPageViewModelApp.xamlViewModelL

2、ocator“它们都是干啥的？”“它们都有啥关系？”View绑定上下文？View ViewResultLabel的数据绑定上下文是MainPageViewModelText属性绑定到MainPageViewModel的Result属性自动更新 ViewCommand属性绑定到MainPageViewModel的HelloCommand属性 点击时自动调用HelloCommandViewMainPage.xaml显示用户界面定义数据绑定之外MVVM模式中View的职责显示与绑定ViewModel属性public string Result get=.set=.public RelayComman

3、d HelloCommand=.属性_result成员变量private string _result;Result属性public string Result get=_result;set=Set(nameof(Result),ref _result,value);属性Set函数来自MVVM Light 实现MVVM模式的工具集合定义在ViewModelBase类中 public class MainPageViewModel :ViewModelBase .主要功能将设置给Result属性的值保存到成员变量_result向外发出通知，告知Result属性的值发生了改变属性绑定到Resul

4、t属性的数据绑定监听Set函数发出的通知设置Result属性的值时Text属性会接到通知并更新显示属性Result属性、成员变量_result、MVVM Light、Set函数、数据绑定、Label的Text属性设置Result属性的值时，MVVM Light的Set函数将设置的值保存到成员变量_result中Set函数向外发出通知，告知Result属性的值发生了改变数据绑定监听到Set函数发出的通知，得知Result属性的值发生了改变，重新读取Result属性的值Result属性从成员变量_result中读取值，并返回给数据绑定数据绑定将新的值设置给Label的Text属性，更新Label的

5、显示属性Set(nameof(Result),ref _result,value);nameof以字符串的形式获得Result属性的名字Result”value设置给Result属性的值refSet函数可以任意修改成员变量_result的值Commandpublic RelayCommand HelloCommand=_helloCommand?(_helloCommand=new RelayCommand()=Result=Hello World!);Result=Hello World!Command_helloCommand?(_helloCommand=new RelayCommand

6、(.);?_helloCommand为空么？如果不为空直接返回_helloCommand的值如果为空把_helloCommand初始化为一个新的RelayCommand再把_helloCommand的值返回https:/ Commandnew RelayCommand()=Result=Hello World!);新的RelayCommand是一个匿名函数匿名函数的功能是将Result属性的值设置为Hello World!”https:/ ViewModelMainPageViewModel提供HelloCommand其功能是设置Result属性的值提供Result属性供读取当Result属性

7、发生改变时发出通知供数据绑定监听ViewModelLocatorView如何找到ViewModel？提供一个ViewModelLocator，负责创建ViewModel的实例View寻找ViewModelLocator，再通过ViewModelLocator获得ViewModelViewModelLocator/ViewModelLocator.cspublic class ViewModelLocator public MainPageViewModel MainPageViewModel=SimpleIoc.Default .GetInstance();public ViewModelLo

8、cator()SimpleIoc.Default .Register();ViewModelLocatorSimpleIoc由MVVM Light提供依赖注入容器ViewModelLocator将MainPageViewModel注册到SimpleIoc调用MainPageViewModel属性时，从SimpleIoc中取出一个MainPageViewModel实例App.xamlView如何找到ViewModelLocator？将ViewModelLocator定义为全局“资源（Resource）”https:/ App.xaml App.xamlvm代表MvvmHelloWorld.Vie

9、wModels命名空间xmlns:vm=clr-namespace:MvvmHelloWorld.ViewModels;assembly=MvvmHelloWorldApp.xamlViewModelLocator定义在MvvmHelloWorld.ViewModels命名空间namespace MvvmHelloWorld.ViewModels public class ViewModelLocator .App.xaml在MainPage.xaml中使用ViewModelLocator资源获得MainPageViewModel将MainpageViewModel绑定到BindingContext上App.xamlMainPage.xaml从静态资源ViewModelLocator的MainPageViewModel属性中取出值MainPageViewModel实例绑定到自己的BindingContextApp.xamlView如何找到ViewModel提供一个ViewModelLocator负责创建ViewModel的实例在App.xaml中将ViewModelLocator注册为全局资源在View中获取ViewModelLocator资源使用数据绑定将ViewModel绑定到BindingContext属性MVVM架构模式 MVVM架构模式