如何实现CollectionView中ContentView与ViewModel属性绑定并复用？

要实现CollectionView内的ContentView绑定父ViewModel属性，同时保证ContentView可复用，核心思路是给ContentView定义可绑定属性，将父ViewModel的属性通过绑定传递给ContentView，彻底解除ContentView与特定ViewModel的耦合。

步骤1：给ContentView添加可绑定属性 #

在ContentView的后台代码中，定义一个用于接收父ViewModel属性的可绑定属性，这样任何页面都能通过绑定给这个属性传值：

namespace NewProject23.ContentViews;

public partial class ItemContentView : ContentView
{
    // 定义可绑定属性，用于接收父ViewModel的文本内容
    public static readonly BindableProperty ParentItemTextProperty =
        BindableProperty.Create(
            nameof(ParentItemText), 
            typeof(string), 
            typeof(ItemContentView), 
            string.Empty);

    public string ParentItemText
    {
        get => (string)GetValue(ParentItemTextProperty);
        set => SetValue(ParentItemTextProperty, value);
    }

    public ItemContentView()
    {
        InitializeComponent();
    }
}

步骤2：修改ContentView的XAML绑定 #

将需要显示父ViewModel属性的Label，绑定到ContentView自身的ParentItemText属性（通过x:Reference或RelativeSource均可）：

<ContentView xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:models="clr-namespace:NewProject23.Models"
             x:Class="NewProject23.ContentViews.ItemContentView"
             x:Name="SelfContentView"
             x:DataType="models:Item">
    <Frame Style="{StaticResource ItemFrame}">
        <VerticalStackLayout>
            <!-- 绑定当前Item的属性 -->
            <Label Text="{Binding ItemTitle}"/>
            <!-- 绑定ContentView的可绑定属性 -->
            <Label x:Name="HowToBindThis"
                   Text="{Binding Source={x:Reference SelfContentView}, Path=ParentItemText}"/>
        </VerticalStackLayout>
    </Frame>
</ContentView>

步骤3：在ContentPage中绑定父ViewModel属性 #

在CollectionView的ItemTemplate里，将ContentView的ParentItemText绑定到父ViewModel的ItemInParentViewModel属性。由于DataTemplate的上下文是Item，需要通过RelativeSource或x:Reference找到页面的BindingContext：

<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:viewmodels="clr-namespace:NewProject23.ViewModels"
             xmlns:models="clr-namespace:NewProject23.Models"
             xmlns:contentviews="clr-namespace:NewProject23.ContentViews"
             x:Class="NewProject23.Views.MainPage"
             Title="MainPage">
    <CollectionView ItemsSource="{Binding Items}">
        <CollectionView.ItemTemplate>
            <DataTemplate x:DataType="models:Item">
                <VerticalStackLayout>
                    <!-- 绑定父ViewModel的属性到ContentView的可绑定属性 -->
                    <contentviews:ItemContentView 
                        ParentItemText="{Binding Source={RelativeSource AncestorType={x:Type ContentPage}}, Path=BindingContext.ItemInParentViewModel}"/>
                </VerticalStackLayout>
            </DataTemplate>
        </CollectionView.ItemTemplate>
    </CollectionView>
</ContentPage>

为什么之前的方法不可行？ #

• x:Reference引用CollectionView无效：DataTemplate有独立的作用域，模板内的元素无法直接引用页面级的CollectionView控件。
• 绑定特定ViewModel失去复用性：直接绑定到ParentViewModel会导致ContentView只能在该ViewModel下使用，无法在其他页面或ViewModel中复用。

内容的提问来源于stack exchange，提问作者user7862339