Xamarin Forms:如何将两个视图模型中的数据正确绑定到一个视图

Question

这是用于测试目的的简短代码。问题是UI没有显示与ViewModelB绑定的标签中的文本。在调试过程中，当我将xaml中的鼠标悬停在标签中的Text上时，我会看到右侧的绑定数据在那里，但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，效果很好，但我正在努力让它们更小、更有条理。我已经尝试了很多场景，而且越来越令人沮丧。谢谢你的帮助。

Answer 1

在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>