如何在Xamarin Forms中通过代码自动触发ListView首项SwipeView展开？

方案一：代码后台直接操作UI（适合简单场景） #

1. 修改XAML，添加可访问标识

给ListView和SwipeView设置名称，方便后台代码定位元素：

<ListView x:Name="myListView">   
    <ListView.ItemTemplate>
        <DataTemplate>
            <ViewCell>
                <SwipeView x:Name="itemSwipeView">
                    <SwipeView.RightItems>
                        <SwipeItems>
                            <SwipeItemView>
                                <StackLayout
                                    Orientation="Horizontal"
                                    WidthRequest="150">
                                    <Image 
                                        Source="ic_delete_orange_xx.png">
                                    </Image>
                                </StackLayout>                                    
                            </SwipeItemView>
                        </SwipeItems>
                    </SwipeView.RightItems>
                    <!-- Listview Content -->                                
                </SwipeView>
            </ViewCell>
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>

2. 页面后台添加控制逻辑

在页面的OnAppearing事件中，等待ListView完成渲染后，找到首项的SwipeView执行展开和延时收起：

protected override async void OnAppearing()
{
    base.OnAppearing();

    // 等待ListView完成数据加载与UI渲染（时间可按需调整）
    await Task.Delay(500);

    // 检查数据源是否为空
    if (myListView.ItemsSource == null || !myListView.ItemsSource.Cast<object>().Any())
        return;

    // 获取第一个列表项对应的ViewCell
    var firstItem = myListView.ItemsSource.Cast<object>().First();
    var viewCell = myListView.TemplatedItems.GetOrCreateCellFor(firstItem) as ViewCell;

    if (viewCell == null)
        return;

    // 查找ViewCell内的SwipeView
    var swipeView = viewCell.FindByName<SwipeView>("itemSwipeView");
    if (swipeView != null)
    {
        // 展开右侧滑项
        await swipeView.OpenAsync(SwipeDirection.Right);
        // 延时3秒后收起（时间可按需调整）
        await Task.Delay(3000);
        await swipeView.CloseAsync();
    }
}

方案二：MVVM绑定方式（适合架构化项目） #

1. 定义列表项视图模型

给列表项添加控制SwipeView展开状态的属性：

public class ListItemViewModel : INotifyPropertyChanged
{
    private bool _isSwipeOpen;
    public bool IsSwipeOpen
    {
        get => _isSwipeOpen;
        set
        {
            _isSwipeOpen = value;
            OnPropertyChanged();
        }
    }

    // 列表项其他业务属性...

    public event PropertyChangedEventHandler PropertyChanged;
    protected void OnPropertyChanged([CallerMemberName] string propertyName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

2. 页面视图模型控制展开状态

在页面视图模型中，数据加载完成后控制首项的展开与延时收起：

public class MainPageViewModel : INotifyPropertyChanged
{
    public ObservableCollection<ListItemViewModel> ListItems { get; } = new ObservableCollection<ListItemViewModel>();

    public MainPageViewModel()
    {
        // 模拟异步加载数据逻辑
        LoadListDataAsync();
    }

    private async void LoadListDataAsync()
    {
        // 模拟数据加载耗时
        await Task.Delay(1000);

        // 添加测试数据
        ListItems.Add(new ListItemViewModel());
        ListItems.Add(new ListItemViewModel());
        ListItems.Add(new ListItemViewModel());

        // 控制首项SwipeView展开，延时后收起
        if (ListItems.Any())
        {
            ListItems[0].IsSwipeOpen = true;
            await Task.Delay(3000);
            ListItems[0].IsSwipeOpen = false;
        }
    }

    public event PropertyChangedEventHandler PropertyChanged;
    protected void OnPropertyChanged([CallerMemberName] string propertyName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

3. XAML绑定展开状态

将SwipeView的IsOpen属性绑定到项视图模型的IsSwipeOpen：

<ListView ItemsSource="{Binding ListItems}">   
    <ListView.ItemTemplate>
        <DataTemplate>
            <ViewCell>
                <SwipeView IsOpen="{Binding IsSwipeOpen}">
                    <SwipeView.RightItems>
                        <SwipeItems>
                            <SwipeItemView>
                                <StackLayout
                                    Orientation="Horizontal"
                                    WidthRequest="150">
                                    <Image 
                                        Source="ic_delete_orange_xx.png">
                                    </Image>
                                </StackLayout>                                    
                            </SwipeItemView>
                        </SwipeItems>
                    </SwipeView.RightItems>
                    <!-- Listview Content -->                                
                </SwipeView>
            </ViewCell>
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>

注意事项 #

• 延时时间可根据实际需求调整，确保ListView有足够时间完成数据加载与UI渲染。
• 如果数据从远程API异步加载，需在数据加载完成的回调中执行展开逻辑，而非直接在OnAppearing中执行。
• 需处理空数据源场景，避免空引用异常。

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