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

推荐阅读更多精彩内容

  • MVVM是Model-View-ViewModel的简写,是由微软在WPF中提供的新技术,MVVM 架构使用的是数...
    MayueCif阅读 1,003评论 0 1
  • 原文地址:https://github.com/rid00z/FreshMvvm FreshMvvm for Xa...
    本大少_阅读 543评论 0 2
  • 2017.02.22 可以练习,每当这个时候,脑袋就犯困,我这脑袋真是神奇呀,一说让你做事情,你就犯困,你可不要太...
    Carden阅读 233评论 0 0
  • 写在前面:刚过去的一年里从 Xamarin.Native 逐步转向到了 Xamarin.Forms 的开发上,一年...
    Funky_Xamarin阅读 629评论 0 3
  • Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
    cosWriter阅读 4,210评论 1 15