在 Xamarin.Forms 项目中实现 MVVM

Question

我一直在使用 Xamarin.Forms，并制作了一个简单的“Hello World”类型的项目。我一直在尝试将同一个项目转换为 MVVM 类型的项目，只是为了感受一下。但是，我在决定我的模型应该是什么时遇到了麻烦。以下是我的项目目前的样子：

视图/MainView.xaml

<?xml version="1.0" encoding="UTF-8"?>
<ContentPage 
    xmlns="http://xamarin.com/schemas/2014/forms" 
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" 
    x:Class="TestGround.MainView">
        <ContentPage.Content>
            <StackLayout VerticalOptions="Center">
                <Label
                    Text="{Binding Greeting}"
                    VerticalOptions="Center"
                    HorizontalOptions="Center"
                />
                <Entry
                    Text="{Binding Name}"
                />
                <Button
                    Text="Enter"
                    Command="{Binding SayHelloCommand}"
                />
            </StackLayout>
        </ContentPage.Content>
</ContentPage>

视图/MainView.xaml.cs

using System;
using System.Collections.Generic;

using Xamarin.Forms;

namespace TestGround
{
    public partial class MainView : ContentPage
    {
        public MainView ()
        {
            InitializeComponent ();
            this.BindingContext = new MainViewModel();
        }

    }
}

ViewModels/MainViewModel.cs

using System;
using System.Collections.Generic;
using System.Collections.ObjectModel;
using System.ComponentModel;
using System.Threading.Tasks;
using System.Windows.Input;
using Xamarin.Forms;


namespace TestGround
{
    public class MainViewModel :INotifyPropertyChanged
    {
        private string _greeting; //backing field for Greeting

        public string Greeting //implementation for Greeting method
        { 
            get { return _greeting; } 

            set 
            { 
                _greeting = value;
                OnPropertyChanged ("Greeting"); //Notify view that change has taken place

            }
        }

        public string Name { get; set; } //Name method for Entry field, completely useless

        public ICommand SayHelloCommand { get; set; } //ICommand binds to buttons in XAML

        public void SayHello() //Need a regular method to add to ICommand
        {
            Greeting = "Hello " + Name;
        }

        public MainViewModel ()
        {
            Greeting = "Its alive!";
            Name = "Enter name";

            SayHelloCommand = new Command(SayHello); //Regular command added to ICommand
        }



        #region PropertyChangedRegion

        public void OnPropertyChanged (string propertyName)
        {
            if (PropertyChanged != null)
                PropertyChanged (this, new PropertyChangedEventArgs (propertyName));
        }

        public event PropertyChangedEventHandler PropertyChanged;

        #endregion

    }
}

我有一个空的 Models 文件夹，我对 MVVM 结构的了解不足以决定我的 Models 应该是什么。我在想我应该在 Model 中声明我的方法并在 ViewModel 中实现它们，但我不确定。

谁能告诉我代码的哪些部分是模型？

Answer 1

在您发布的示例中，模型将是您设置Greeting 和Name 的字符串。如果您的示例变得更高级，您最终可能会得到一个带有 Name 属性的 Person 模型对象，该属性来自数据库或 Web 服务等外部来源，

视图模型将负责检索Person 模型对象，可能是GetPerson()，并设置Name = Person.Name。

表单移动 CRM 示例 models 和 view models。

“所以任何与 View 交互的东西都会进入 视图模型？所以我可以把 Greeting 和 Name 属性放在我的 模型，并让它们在 ViewModel 中初始化以显示在 查看？”

一般情况下，您可能只拥有不需要与视图模型交互的视图关注点。认为视图模型具有视图的无头表示。如果您有一个用于登录的视图模型，它可能具有Username、Password 属性和用于登录的Login 方法。当用户单击Login 按钮时，视图模型将验证Username 和@ 987654335@ 然后根据某些服务对用户进行身份验证。此时可以绑定视图以允许用户登录。也可以编写一个测试来测试使用相同视图模型的登录过程。