如何将ViewModel属性绑定到CollectionView内的SwipeView控件

你的核心问题是对BindingContext的作用理解错误，同时违背了MVVM设计的基本逻辑，以下是具体分析和修复方案：

错误原因解析 #

你写的<SwipeView BindingContext="{Binding SwipeView}"/>完全搞反了逻辑：

• BindingContext的作用是给控件提供数据来源，而不是把控件实例传递给ViewModel。
• 你试图让ViewModel持有SwipeView控件实例的思路本身就不符合MVVM原则，ViewModel不应该直接操作UI控件。
• 另外你当前的SwipeView是空的，既没有包裹列表项内容，也没有定义操作按钮（SwipeItems），即使绑定成功也无法实现功能。

修复方案（推荐MVVM友好实现） #

完全避免ViewModel持有UI控件，通过绑定状态属性控制SwipeView的显示：

1. 修改ViewModel（TimerPresetListItem） #

添加布尔属性控制SwipeView的打开状态：

// 假设已实现INotifyPropertyChanged接口
private bool _isSwipeOpen;
public bool IsSwipeOpen
{
    get => _isSwipeOpen;
    set => SetProperty(ref _isSwipeOpen, value);
}

public ICommand ShowMoreCommand => new Command(() =>
{
    IsSwipeOpen = true;
});

// 可额外添加关闭命令，比如操作完成后关闭
public ICommand CloseSwipeCommand => new Command(() =>
{
    IsSwipeOpen = false;
});

2. 修正XAML代码 #

给SwipeView添加内容、操作按钮，并绑定状态属性：

<CollectionView>
    <CollectionView.ItemTemplate>
        <DataTemplate x:DataType="local:TimerPresetListItem">
            <!-- SwipeView包裹整个列表项内容 -->
            <SwipeView IsOpen="{Binding IsSwipeOpen}">
                <!-- 设置滑动显示的操作按钮 -->
                <SwipeView.LeftItems>
                    <SwipeItems Mode="Reveal">
                        <SwipeItem Text="编辑" Command="{Binding EditCommand}" BackgroundColor="#FFC107"/>
                        <SwipeItem Text="删除" Command="{Binding DeleteCommand}" BackgroundColor="#F44336"/>
                    </SwipeItems>
                </SwipeView.LeftItems>
                
                <!-- 列表项的原始内容 -->
                <Grid>
                    <Button Text="Show more..." Command="{Binding ShowMoreCommand}"/>
                    <!-- 这里添加其他列表项元素 -->
                </Grid>
            </SwipeView>
        </DataTemplate>
    </CollectionView.ItemTemplate>
</CollectionView>

临时应急方案（直接传递控件实例，不推荐） #

如果你暂时不想调整MVVM逻辑，可通过命令参数传递SwipeView实例：

<CollectionView>
    <CollectionView.ItemTemplate>
        <DataTemplate x:DataType="local:TimerPresetListItem">
            <Grid>
                <SwipeView x:Name="ItemSwipeView">
                    <!-- 这里添加SwipeItems和内容 -->
                </SwipeView>
                <Button Text="Show more..." 
                        Command="{Binding ShowMoreCommand}"
                        CommandParameter="{x:Reference ItemSwipeView}"/>
            </Grid>
        </DataTemplate>
    </CollectionView.ItemTemplate>
</CollectionView>

然后修改命令逻辑：

public ICommand ShowMoreCommand => new Command<SwipeView>(swipeView =>
{
    swipeView?.Open(SwipeDirection.Left);
});

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