多个 BindingContext 在同一内容页面上，两个不同的视图？

Question

我有一个 ContentPage，上面有两个 ContentView，我想将每个 ContentView 的绑定上下文设置为各自的 ViewModel（这是我对它们组合在一起的一个大型 ViewModel 的首选灵魂）

主页

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage x:Class="MVVMFramework.VVMs.Main.MainPage"
             xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:local="clr-namespace:MVVMFramework"
             xmlns:nav="clr-namespace:MVVMFramework.Navigation.NavigationHeader"
             xmlns:vm="clr-namespace:MVVMFramework.VVMs.Main">
  <Grid>
    <Grid.RowDefinitions>
      <RowDefinition Height="20" />
      <RowDefinition Height="200" />
    </Grid.RowDefinitions>

    //ContentView For Header
    <ContentView Grid.Row="0"
                 HorizontalOptions="Start"
                 VerticalOptions="Start">
Content="{Binding NavHeader}"
      <!--<ContentView.BindingContext>
        <nav:NavigationHeaderViewModel />
      </ContentView.BindingContext>-->
    </ContentView>

    //ContentView For Body of the app
    <ContentView Grid.Row="1"
                 Content="{Binding DisplayedView}"
                 HorizontalOptions="Center"
                 VerticalOptions="Center">
      <!--<ContentView.BindingContext>
        <vm:MainPageViewModel />
      </ContentView.BindingContext>-->
    </ContentView>

  </Grid>


</ContentPage>

当我取消注释两个绑定上下文属性时，应用程序将编译并开始运行，然后在加载主页时崩溃。

我没有正确实施吗？还有其他方法吗？

Answer 1

回答

您可以使用其

BindingContext

属性指定每个视图绑定的源，如下所示：

BindingContext="{Binding Source = {Your Binding Source}}"

示例应用程序

这是一个示例应用程序，展示了如何从同一 ContentPage 引用多个视图模型：https://github.com/brminnick/MultipleViewModelSample/

代码

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage x:Class="MVVMFramework.VVMs.Main.MainPage"
             xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:local="clr-namespace:MVVMFramework"
             xmlns:nav="clr-namespace:MVVMFramework.Navigation.NavigationHeader"
             xmlns:vm="clr-namespace:MVVMFramework.VVMs.Main">

    <Grid>
    <Grid.RowDefinitions>
      <RowDefinition Height="20" />
      <RowDefinition Height="200" />
    </Grid.RowDefinitions>


    <ContentView 
        Grid.Row="0"
        Content="{Binding NavHeader}"
        HorizontalOptions="Start"
        VerticalOptions="Start"
        BindingContext="{Binding Source = {nav:NavigationHeaderViewModel}}"/>

    <ContentView 
        Grid.Row="1"
        Content="{Binding DisplayedView}"
        HorizontalOptions="Center"
        VerticalOptions="Center"
        BindingContext="{Binding Source = {vm:MainPageViewModel}}"/>

  </Grid>

</ContentPage>