MAUI删除文件后UI不刷新（文件夹删除功能正常）

问题现象 #

在MAUI开发的文件管理器中，删除根目录文件时，文件已成功从系统中删除且从集合移除，但UI无法自动刷新，需退出页面或强制重载才会更新；删除文件夹、重命名文件功能均正常。

相关代码 #

模型代码 #

public class FileItem
{
    public string Name { get; set; }
    public string Path { get; set; }
    public bool IsFolder { get; set; }
    public ObservableCollection<FileItem> Items { get; set; } // 文件夹内的嵌套项
}

FileExplorer页面类代码 #

public partial class FileExplorer : ContentPage
{
    public ObservableCollection<FileItem> FileItems { get; set; }

    private readonly string _myReSEEptImagesFolder = Path.Combine(FileSystem.AppDataDirectory, "My ReSEEpt Images");

    public FileExplorer()
    {
        InitializeComponent();

        // 存储所有文件的主集合
        FileItems = new ObservableCollection<FileItem>();
        BindingContext = this;

        InitializeAppDirectory();
        LoadFilesAndFolders();
    }

    private void InitializeAppDirectory()
    {
        if (!Directory.Exists(_myReSEEptImagesFolder))
        {
            Directory.CreateDirectory(_myReSEEptImagesFolder);
        }
    }

    private void LoadFilesAndFolders()
    {
        if (Directory.Exists(_myReSEEptImagesFolder))
        {
            // 获取根目录项
            var items = Directory.GetFileSystemEntries(_myReSEEptImagesFolder);
            foreach (var item in items)
            {
                var fileItem = new FileItem
                {
                    Name = Path.GetFileName(item),
                    Path = item,
                    IsFolder = Directory.Exists(item),
                    Items = new ObservableCollection<FileItem>()
                };

                // 加载文件夹内的文件
                if (fileItem.IsFolder)
                {
                    var subItems = Directory.GetFileSystemEntries(item);
                    foreach (var subItem in subItems)
                    {
                        fileItem.Items.Add(new FileItem
                        {
                            Name = Path.GetFileName(subItem),
                            Path = subItem,
                            IsFolder = Directory.Exists(subItem)
                        });
                    }
                }

                FileItems.Add(fileItem);
            }
        }
    }

    private async void DeleteItemClicked(object sender, EventArgs e)
    {
        var button = sender as Button;
        var fileItem = button?.BindingContext as FileItem;

        if (fileItem != null)
        {
            bool isConfirmed = await DisplayAlert("Delete", $"Are you sure you want to delete {fileItem.Name}?", "Yes", "No");

            if (isConfirmed)
            {
                try
                {
                    // 删除系统中的文件或文件夹
                    if (File.Exists(fileItem.Path))
                    {
                        File.Delete(fileItem.Path);
                    }
                    else if (Directory.Exists(fileItem.Path))
                    {
                        Directory.Delete(fileItem.Path, true);
                    }

                    // 尝试从根集合移除
                    bool removed = FileItems.Remove(fileItem);
                    
                    // 如果根集合没找到（说明是嵌套在文件夹里的文件），遍历所有文件夹的Items集合查找并移除
                    if (!removed)
                    {
                        foreach (var folder in FileItems.Where(f => f.IsFolder))
                        {
                            if (folder.Items.Remove(fileItem))
                            {
                                break;
                            }
                        }
                    }

                    // 注释掉强制刷新的冗余代码，ObservableCollection会自动通知UI更新
                    // FileCollectionView.ItemsSource = null;
                    // FileCollectionView.ItemsSource = FileItems;

                }
                catch (Exception ex)
                {
                    await DisplayAlert("Error", $"Failed to delete {fileItem.Name}: {ex.Message}", "OK");
                }
            }
        }
    }
}

XAML代码 #

<CollectionView x:Name="FileCollectionView" 
            ItemsSource="{Binding FileItems}" 
            SelectionMode="Single"
            SelectedItem="{Binding SelectedItem, Mode=TwoWay}">
<CollectionView.ItemTemplate>
    <DataTemplate>
        <StackLayout Padding="10">
            <!-- 文件夹/文件名 -->
            <Label Text="{Binding Name}" FontSize="Medium" VerticalOptions="Center" />

            <!-- 文件夹操作按钮（重命名、删除） -->
            <StackLayout Orientation="Horizontal" HorizontalOptions="End">
                <Button Text="Rename" Clicked="RenameItemClicked" />
                <Button Text="Delete" Clicked="DeleteItemClicked" />
            </StackLayout>

            <!-- 文件夹内嵌套文件的CollectionView -->
            <CollectionView IsVisible="{Binding IsFolder}" 
                            ItemsSource="{Binding Items}" 
                            SelectionMode="None">
                <CollectionView.ItemTemplate>
                    <DataTemplate>
                        <StackLayout Padding="10">
                            <!-- 文件名 -->
                            <Label Text="{Binding Name}" VerticalOptions="Center" />

                            <!-- 文件操作按钮（重命名、删除） -->
                            <StackLayout Orientation="Horizontal" HorizontalOptions="End">
                                <!--<Button Text="Rename" Clicked="RenameItemClicked" />
                                <Button Text="Delete" Clicked="DeleteItemClicked" />-->
                            </StackLayout>
                        </StackLayout>
                    </DataTemplate>
                </CollectionView.ItemTemplate>
            </CollectionView>
        </StackLayout>
    </DataTemplate>
</CollectionView.ItemTemplate>
</CollectionView>

问题原因 #

当前删除逻辑仅尝试从根级的FileItems集合移除项，但嵌套在文件夹内的文件属于对应父文件夹的Items集合，根集合中找不到该文件，因此没有执行移除操作，UI也就不会收到集合变更通知。而删除文件夹时，目标项本身就在根集合中，所以FileItems.Remove(fileItem)能成功触发UI更新。

解决方案 #

1. 在删除逻辑中，先尝试从根集合移除项，如果失败（返回false），则遍历所有根级文件夹的Items集合，找到目标文件并移除
2. 移除代码中强制刷新ItemsSource的冗余操作，因为ObservableCollection本身会在添加/移除项时自动通知UI更新

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