在Windows 10中处理图像控件

本文关键字：图像 控件 处理 Windows | 更新日期: 2023-09-27 18:27:29

注意：通用Windows平台（又名Windows 10应用程序，而非WPF）

我有大约80个图像文件需要显示在页面内的列表视图中。当用户返回到上一页时，我需要处理图像控件，以便删除这些图像。

问题是直接绑定到图像uri锁定图像文件，并且在返回时不会释放

我正在使用MVVMLight

部分代码：

public class FileNameToFullUriConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, string language)
    {
        string ori = value.ToString();
        string file = ori.Split('/').Last();
        string img = file.Split('.')[0] + ".png";
        img = "ms-appdata:///local/" + StaticClass.ImageFolder + "/" + img;
        return img;
    }
    public object ConvertBack(object value, Type targetType, object parameter, string language)
    {
        return null;
    }
}

和XAML

<DataTemplate>
    <Grid>
        <Image x:Name="Image2"
               Grid.Column="1"
               HorizontalAlignment="Left"
               Source="{Binding Page2.Page.file,
               Converter={StaticResource FileNameToFullUriConverter},
               Mode=OneWay}"
               Stretch="UniformToFill" />
    </Grid>
</DataTemplate>

我试过：

  • 将列表设置为空

  • 清除列表（通过调用ListViewName.Clear（））

  • ViewModelLocator 中的调用清理

哪些有效但不适用：在ViewModel中，我添加了另一个类型的属性

ObservableCollection<BitmapImage>

，然后将ListView绑定到此集合。通过使用这种方式，所有的图像都将加载到RAM中，而不会锁定文件，但这会导致一个严重的问题：消耗太多的RAM。我的应用程序从使用URI绑定到直接绑定到BitmapImage，占用了大约100 MB RAM到900 MB RAM。此外，加载到页面中所花费的时间更长，因为它必须在列表完成渲染之前读取所有图像文件并将其加载到RAM中。

那么，如何在Windows 10中处理图像控制？

PS：此图像控件：MSDN 中的图像类

在Windows 10中处理图像控件

您可以在页面的代码后面维护Image控件的列表。当应用程序返回时，您可以将每个图像的Source属性设置为null：

<DataTemplate>
    <Grid>
        <Image Loaded="Image_Loaded" />
    </Grid>
</DataTemplate>

在代码背后：

private List<Image> _images = new List<Image>();
private void Image_Loaded(object sender, RoutedEventArgs e)
{
    _images.Add(sender as Image);
}
protected override void OnNavigatedFrom(NavigationEventArgs e)
{
    base.OnNavigatedFrom(e);
    foreach(var img in _images)
    {
        img.Source = null;
    }
}

所有锁将被释放。

我对图像控件不是很熟悉。在我看来，必须先处理位图图像，然后才能删除该文件。问题是位图图像没有Dispose函数。

我看到其他人在堆栈溢出中询问如何主动处理图像。我想你也得这么做。

请参阅：如何处理位图源

删除位图源文件

我也遇到了同样的问题。我使用了一种变通方法，我不确定这是否是最好的方法。我添加了一个方法来删除已删除的项目，并在每次应用程序启动或列表刷新时调用该方法。

private ObservableCollection<BitmapImage> _items; // your collection which is bound to ListView
// deleting images of removed items
private async Task DeleteUnusedImages()
{
    try
    {
        var folder = await ApplicationData.Current.LocalFolder.GetFolderAsync("folderName");
        var files = await folder.GetFilesAsync(); // getting all files inside that folder
        foreach (var file in files)
        {
            // checking if the image still exist in the collection or got removed
            // if removed then remove it from the local folder too.
            if (!_items.Any(i => i.ImageName.Contains(file.Name)))
            {
                await file.DeleteAsync(StorageDeleteOption.PermanentDelete);
            }
        }
    }
    catch (Exception ex)
    {
    }
}

问题是，当您从绑定到ListView的集合中删除一个项时，ListView直到几次刷新后才会释放该项。删除一个项目后，我试图通过转到应用程序的"LocalState"文件夹手动删除它，但它说它已被应用程序使用，无法删除。

相关文章：