.NET MAUI中如何动态替换CollectionView内SwipeView的内容？

你要实现的是复用带固定编辑/删除操作的SwipeView、动态替换内部内容模板，核心问题出在直接绑定ContentView.Content时，模板没有被正确实例化。下面给你一套可行的实现方案：

1. 创建可复用的自定义SwipeView控件 #

先做一个带固定滑动操作的自定义控件，对外暴露ItemContentTemplate属性用来接收动态内容模板，避免每次重复编写SwipeView的滑动按钮逻辑。

自定义控件XAML (ReusableSwipeView.xaml) #

<?xml version="1.0" encoding="utf-8" ?>
<SwipeView xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:controls="clr-namespace:YourAppName.Controls"
             x:Class="YourAppName.Controls.ReusableSwipeView">
    <!-- 固定右侧滑动操作 -->
    <SwipeView.RightItems>
        <SwipeItems>
            <SwipeItem Text="编辑" Command="{Binding EditCommand}" BackgroundColor="Orange"/>
            <SwipeItem Text="删除" Command="{Binding DeleteCommand}" BackgroundColor="Red"/>
        </SwipeItems>
    </SwipeView.RightItems>
    <!-- 动态内容容器 -->
    <ContentView x:Name="ContentContainer"
                 ContentTemplate="{Binding ItemContentTemplate, Source={RelativeSource AncestorType={x:Type controls:ReusableSwipeView}}}"/>
</SwipeView>

自定义控件代码隐藏 (ReusableSwipeView.xaml.cs) #

using Microsoft.Maui.Controls;

namespace YourAppName.Controls;

public partial class ReusableSwipeView : SwipeView
{
    // 定义可绑定属性，接收外部传入的内容模板
    public static readonly BindableProperty ItemContentTemplateProperty =
        BindableProperty.Create(nameof(ItemContentTemplate), typeof(DataTemplate), typeof(ReusableSwipeView));

    public DataTemplate ItemContentTemplate
    {
        get => (DataTemplate)GetValue(ItemContentTemplateProperty);
        set => SetValue(ItemContentTemplateProperty, value);
    }

    public ReusableSwipeView()
    {
        InitializeComponent();
        // 确保滑动操作的命令绑定到列表项的ViewModel（而非自定义控件本身）
        ContentContainer.BindingContextChanged += (s, e) =>
        {
            this.BindingContext = ContentContainer.BindingContext;
        };
    }
}

2. 在页面中使用自定义控件 #

在CollectionView里直接使用ReusableSwipeView，给ItemContentTemplate指定需要的动态模板即可，无需重复编写SwipeView的滑动按钮。

页面XAML示例 #

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:controls="clr-namespace:YourAppName.Controls"
             x:Class="YourAppName.Views.YourPage">
    <CollectionView ItemsSource="{Binding Items}">
        <CollectionView.ItemTemplate>
            <DataTemplate>
                <!-- 使用自定义复用SwipeView -->
                <controls:ReusableSwipeView>
                    <controls:ReusableSwipeView.ItemContentTemplate>
                        <!-- 这里可替换为任意你需要的Grid内容模板 -->
                        <DataTemplate>
                            <Grid Padding="10" ColumnDefinitions="*,Auto">
                                <StackLayout>
                                    <Label Text="{Binding Title}" FontSize="Headline"/>
                                    <Label Text="{Binding Description}" FontSize="Body" Margin="0,8,0,0"/>
                                </StackLayout>
                                <Label Grid.Column="1" Text="{Binding Status}" TextColor="Gray"/>
                            </Grid>
                        </DataTemplate>
                    </controls:ReusableSwipeView.ItemContentTemplate>
                </controls:ReusableSwipeView>
            </DataTemplate>
        </CollectionView.ItemTemplate>
    </CollectionView>
</ContentPage>

3. 关键细节说明 #

• 直接绑定ContentView.Content无效的原因：DataTemplate是模板定义，直接赋值给Content不会自动实例化视图，必须通过ContentTemplate属性，让ContentView自动完成模板实例化并绑定正确的数据上下文。
• 自定义控件中的BindingContextChanged处理：确保滑动操作的命令（编辑/删除）绑定到当前列表项的ViewModel，而非自定义控件本身的上下文。
• 动态切换模板：如果需要在ViewModel中动态切换内容布局，只需将ItemContentTemplate绑定到ViewModel的DataTemplate类型属性即可。

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