Xamarin.Forms使用MVVM在屏幕之间传输数据

Question

我有两个屏幕。

第一个带有两个Entries and Save按钮，第二个带有两个Labels 。

两者都有对应的绑定ViewModels 。

例如第一个XAML ：

<Entry x:Name="Entry1" Text="{Binding Entry1}"/>
<Button Command="{Binding SaveCommand}" Text="Save"/>

第一视图模型：

class Screen1ViewModel: INotifyPropertyChanged
{
    public event PropertyChangedEventHandler PropertyChanged = delegate { };

    private string entry1;
    public string Entry1;
    {
        get { return entry1; }
        set
        {
            entry1= value;
            PropertyChanged(this, new PropertyChangedEventArgs("Entry1"));
        }
    }
    //similar code for Entry2

    public ICommand SaveCommand { protected set; get; }

    public Screen1ViewModel()
    {
        SaveCommand = new Command(OnSubmit);
    }

    public void OnSubmit()
    {
        //I guess here I supposed to transfer data from 1st screen to 2nd
    }

}

有什么简单的方法可以使用ViewModels从第一屏幕条目中获取字符串并将其传递给第二屏幕标签？

Answer 1

我为您实现了非常简化的示例。 当然，执行以下操作不是最好的实现：

((testApp.App)App.Current).MainPage.Navigation

实施导航的最佳方法是像下面的文章中所述具有导航服务： https : //mallibone.com/post/a-simple-navigation-service-for-xamarinforms

最好这样做，因为在这种情况下，您的viewModel对页面一无所知，它只知道字符串页面键。 由于有一个中心调用点，因此也更容易理解代码并对其进行调试。

还提供了MVVM light工具包。 以下文章演示了如何利用其功能和实现导航： https : //mobileprogrammerblog.wordpress.com/2017/01/21/xamarin-forms-with-mvvm-light/

对于导航，我很难推荐消息服务，因为它很难理解代码，调试实在是一团糟。 通过解耦代码，您可以使依赖的事物变得独立，并且新人们无法理解代码的工作原理。 当您将事件从内部viewModels传递到根页面视图模型或从视图模型传递到视图或页面时，消息传递是不错的选择，但是它不适合导航任务。

我的简单示例可以在下面找到：应用代码：

public App()
{
   InitializeComponent();
   MainPage = new NavigationPage(new Views.Page1());
}

Page1.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="testApp.Views.Page1"
    xmlns:local="clr-namespace:testApp.Views;assemply=testApp">
    <ContentPage.BindingContext>
        <local:Page1ViewModel/>
    </ContentPage.BindingContext>
    <ContentPage.Content>
    <StackLayout>
        <Entry Text="{Binding TextPropertyValue}" />
        <Button Command="{Binding SaveCommand}" Text="Save"/>
            </StackLayout>
    </ContentPage.Content>
</ContentPage>

Page1ViewModel：

using System;
using System.ComponentModel;
using System.Windows.Input;

namespace testApp.Views
{
    public class Page1ViewModel:INotifyPropertyChanged
    {
        public Page1ViewModel()
        {
            SaveCommand = new Xamarin.Forms.Command(HandleAction);

        }

        async void HandleAction(object obj)
        {
            await ((testApp.App)App.Current).MainPage.Navigation.PushAsync(
            new Page2()
            {
                BindingContext = new Page2ViewModel(TextPropertyValue)
            }); 

        }
        string entry1;
        public string TextPropertyValue
        {
            get
            {
                return entry1;
            }
            set
            {
                if (value!=entry1)
                {
                    entry1 = value;
                    PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(nameof(TextPropertyValue)));
                }
            }
        }


        public ICommand SaveCommand
        {
            get;
            set;
        }

        public event PropertyChangedEventHandler PropertyChanged;
    }
}

Page2.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="testApp.Views.Page2">
    <ContentPage.Content>
    <StackLayout>
        <Label Text="{Binding EntryValue}"/>
            </StackLayout>
    </ContentPage.Content>

Page2.xaml.cs

public partial class Page2 : ContentPage
{
    public Page2()
    {
        InitializeComponent();
    }
}

Page2ViewModel

using System;
namespace testApp.Views
{
    public class Page2ViewModel
    {
        public Page2ViewModel(string entry)
        {
            EntryValue = entry;
        }

        public string EntryValue
        {
            get;
            set;
        }
    }
}

Answer 2

如果您不希望这些视图模型相互耦合或相互关联，则需要某种事件聚合器或消息传递（pub-sub）机制。 Xamarin Forms提供了一个名为Messaging Center的开箱即用的消息服务来完成此任务。