Xamarin Forms自定义ListView控件绑定ViewModel集合的解决方案求助

要实现将主页ViewModel中的HomeList集合传递给自定义ChildHomeView里的ListView，最规范的方式是给自定义控件添加绑定属性（BindableProperty），具体步骤如下：

1. 给ChildHomeView添加绑定属性 #

在ChildHomeView.xaml.cs中添加用于接收集合的绑定属性：

using System.Collections.ObjectModel;
using Xamarin.Forms;
using ContentViewBinding.ViewModels; // 替换为你的实体类命名空间

namespace ContentViewBinding.Views
{
    public partial class ChildHomeView : ContentView
    {
        // 定义绑定属性，用于接收HomeList集合
        public static readonly BindableProperty ItemsSourceProperty =
            BindableProperty.Create(nameof(ItemsSource), typeof(ObservableCollection<YourItemModel>), typeof(ChildHomeView));

        // 对应的CLR属性
        public ObservableCollection<YourItemModel> ItemsSource
        {
            get => (ObservableCollection<YourItemModel>)GetValue(ItemsSourceProperty);
            set => SetValue(ItemsSourceProperty, value);
        }

        public ChildHomeView()
        {
            InitializeComponent();
            // 设置控件自身的BindingContext为自己，方便XAML绑定属性
            BindingContext = this;
        }
    }
}

注意：将YourItemModel替换为HomeList中元素的实际类型（比如包含Title属性的实体类）。

2. 修改ChildHomeView的XAML绑定 #

把原来绑定Company.HomeList的地方改成绑定刚定义的ItemsSource属性：

<?xml version="1.0" encoding="UTF-8"?>
<ContentView xmlns="http://xamarin.com/schemas/2014/forms" 
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="ContentViewBinding.Views.ChildHomeView">
 <ContentView.Content>
  <StackLayout HeightRequest="300">
        <ListView ItemsSource="{Binding ItemsSource}">
            <ListView.ItemTemplate>
                <DataTemplate>
                    <ViewCell>
                        <StackLayout>
                            <Label Text="{Binding Title}" TextColor="Black"/>
                        </StackLayout>
                    </ViewCell>
                </DataTemplate>
            </ListView.ItemTemplate>
        </ListView>
  </StackLayout>
</ContentView.Content>

3. 修改主页XAML的绑定逻辑 #

直接将主页ViewModel中的HomeList绑定到自定义控件的ItemsSource属性，无需传递整个页面：

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" 
             xmlns:views="clr-namespace:ContentViewBinding.Views" 
             xmlns:ViewModels="clr-namespace:ContentViewBinding.ViewModels"
             x:Class="ContentViewBinding.Views.HomePage"
             x:Name="home">

<ContentPage.BindingContext>
    <ViewModels:HomePageViewModel/>
</ContentPage.BindingContext>
<ContentPage.Content>
  
    <StackLayout >
        <StackLayout HeightRequest="200">
            <!-- 直接绑定ViewModel的HomeList到自定义控件的ItemsSource -->
            <views:ChildHomeView ItemsSource="{Binding HomeList}" />
        </StackLayout>
        <StackLayout>
            <ListView ItemsSource="{Binding HomeList}">
                <ListView.ItemTemplate>
                    <DataTemplate>
                        <ViewCell>
                            <StackLayout>
                                <Label Text="{Binding Title}" TextColor="Black"/>
                            </StackLayout>
                        </ViewCell>
                    </DataTemplate>
                </ListView.ItemTemplate>
            </ListView>
        </StackLayout>
    </StackLayout>
</ContentPage.Content>

为什么这么做？ #

• 使用BindableProperty是Xamarin.Forms自定义控件接收绑定数据的标准做法，符合MVVM模式的解耦原则。
• 相比传递整个页面对象，直接传递所需的集合更清晰，避免不必要的依赖。
• 绑定属性支持数据变更通知（如果HomeList是ObservableCollection），集合内容变化时自定义控件的ListView会自动更新。

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