Xamarin Forms：如何将数据从两个视图模型正确绑定到单个视图？

问题描述

这是用于测试目的的短代码。问题是 UI 没有显示与 viewmodelB 绑定的标签中的文本。在调试中，当我将 xaml 中的鼠标悬停在来自标签的文本上时，我看到正确的绑定数据在那里，但 UI 根本不会显示。使用 viewmodelA 没有问题。

在 XAML 中：

<StackLayout>
  <StackLayout>
        <StackLayout.BindingContext>
            <testbinding:viewmodelA/>
        </StackLayout.BindingContext>
        <Button Command ="{Binding Get}"/>
   </StackLayout>
    <StackLayout>
        <StackLayout.BindingContext>
            <testbinding:viewmodelB/>
        </StackLayout.BindingContext>
        <Label Text="{Binding Metadata}"/>
    </StackLayout>

viewmodelA：其中 Baseviewmodel 是一个 INotifyPropertyChanged 接口

public viewmodelA:Baseviewmodel
{   
 public viewmodelA()
 {
        Get = new Command(SendText);
        vmB = new viewmodelB();
 }
 viewmodelB vmB;
 public ICommand Get { get; }
 private void SendText()
 {
     string data = "someText";
     vmB.GetMetadata(data);
 }
}

viewmodelB 是这样的：

class viewmodelB:Baseviewmodel
{
    private string _Metadata = string.Empty;
    public string Metadata
    {
        get { return _Metadata; }
        set
        {
            _Metadata = value;
            OnPropertyChanged();
        }
    }
    GetMetadata()
    {
    Metadata = "Some text";
    }
}

在 viewmodelA 中有更多我需要的属性，而在 viewmodelB 中只是一个从函数获取数据的属性。我可以从它们两个中只制作一个 viewmodel，效果很好，但我试图让它们更小、更有条理。我已经尝试了很多场景并且变得非常令人沮丧。 感谢您的帮助。

解决方法

在您的 xaml 文件的第二个 StackLayout 中，您没有将其 BindingContext 属性绑定到 ViewModelA 的 ViewModelB 实例，而是创建一个新的实例。

这里有一个可行的解决方案：

    public class ViewModelA : BaseViewModel
    {
        public ViewModelB ViewModelB { get; }
        public ICommand GetMetadataCommand { get; }

        public ViewModelA()
        {
            ViewModelB = new ViewModelB();
            GetMetadataCommand = new Command((_) => GetMetadata());
        }

        private void GetMetadata()
        {
            string data = "someText";
            ViewModelB.GetMetadata(data);
        }
    }

    public class ViewModelB : BaseViewModel
    {
        private string _metadata;
        public string Metadata
        {
            get { return _metadata; }
            set 
            {
                _metadata = value;
                OnPropertyChanged();
            }
        }

        public void GetMetadata(string data)
        {
            Metadata = data;
        }
    }

XAMl：

  <StackLayout>
        <StackLayout x:Name="StackLayout1">
            <StackLayout.BindingContext>
                <local:ViewModelA />
            </StackLayout.BindingContext>
            <Button Command ="{Binding GetMetadataCommand}"/>
        </StackLayout>
        <StackLayout BindingContext="{Binding Source={x:Reference StackLayout1},Path=BindingContext.ViewModelB}">
            <Label Text="{Binding Metadata}" />
        </StackLayout>
    </StackLayout>