当我的ListBox中有图像时，为什么会出现OutOfMemoryException？

Question

我想显示存储在我的自定义图库中的Windows Phone 8照片文件夹中的所有图像，该图像使用ListBox来显示图像。

的ListBox代码如下：

<phone:PhoneApplicationPage.Resources> 
     <MyApp:PreviewPictureConverter x:Key="PreviewPictureConverter" /> 
    </phone:PhoneApplicationPage.Resources> 

    <ListBox Name="previewImageListbox" VirtualizingStackPanel.VirtualizationMode="Recycling"> 
     <ListBox.ItemsPanel> 
      <ItemsPanelTemplate> 
       <VirtualizingStackPanel CleanUpVirtualizedItemEvent="VirtualizingStackPanel_CleanUpVirtualizedItemEvent_1"> 
       </VirtualizingStackPanel> 
      </ItemsPanelTemplate> 
     </ListBox.ItemsPanel> 
     <ListBox.ItemTemplate> 
      <DataTemplate> 
       <Grid> 
        <Image Source="{Binding Converter={StaticResource PreviewPictureConverter}}" HorizontalAlignment="Center" VerticalAlignment="Center" /> 
       </Grid> 
      </DataTemplate> 
     </ListBox.ItemTemplate> 
    </ListBox> 

用下面的转换器：

public class PreviewPictureConverter : System.Windows.Data.IValueConverter 
{ 
    public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture) 
    { 
     PreviewImageItem c = value as PreviewImageItem; 
     if (c == null) 
      return null; 
     return c.ImageData; 
    } 

    public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture) 
    { 
     throw new NotImplementedException(); 
    } 
} 

图像存储在自定义类：

class PreviewImageItem 
{ 
    public Picture _picture = null; 
    public BitmapImage _bitmap = null; 

    public PreviewImageItem(Picture pic) 
    { 
     _picture = pic; 
    } 

    public BitmapImage ImageData 
    { 
     get 
     { 
      System.Diagnostics.Debug.WriteLine("Get picture " + _picture.ToString()); 
      _bitmap = new BitmapImage(); 
      Stream data = _picture.GetImage(); 
      try 
      { 
       _bitmap.SetSource(data); // Out-of memory exception (see text) 
      } 
      catch (Exception ex) 
      { 
       System.Diagnostics.Debug.WriteLine("Exception : " + ex.ToString()); 
      } 
      finally 
      { 
       data.Close(); 
       data.Dispose(); 
       data = null; 
      } 

      return _bitmap; 
     } 
    } 
} 

下面的代码被用于设置ListBox数据源：

private List<PreviewImageItem> _galleryImages = new List<PreviewImageItem>(); 

using (MediaLibrary library = new MediaLibrary()) 
{ 
    PictureCollection galleryPics = library.Pictures; 
    foreach (Picture pic in galleryPics) 
    { 
     _galleryImages.Add(new PreviewImageItem(pic)); 
    } 

    previewImageListbox.ItemsSource = _galleryImages; 
}; 

最后这里是“清理”代码：

private void VirtualizingStackPanel_CleanUpVirtualizedItemEvent_1(object sender, CleanUpVirtualizedItemEventArgs e) 
{ 
    PreviewImageItem item = e.Value as PreviewImageItem; 

    if (item != null) 
    { 
     System.Diagnostics.Debug.WriteLine("Cleanup"); 
     item._bitmap = null; 
    } 
} 

这一切工作正常，但代码之后的几个图像与OutOfMemoryException崩溃（滚动快尤其是当）。当滚动ListBox时，方法VirtualizingStackPanel_CleanUpVirtualizedItemEvent_1被称为regulary（例如，每2或3个列表框条目）。

这个示例代码有什么问题？

为什么内存不能释放（速度不够快）？

Answer 1

哦，我最近杀了整整一天，使这个工作！

所以解决方案是：

使您的图像控制免费资源。所以设置

BitmapImage bitmapImage = image.Source as BitmapImage; 
bitmapImage.UriSource = null; 
image.Source = null; 

如前所述。

确保虚拟化列表中每个项目的_bitmap。你应该根据需要加载它（LongListSelector.Realized方法），你必须销毁它！它不会自动收集，GC.Collect也不会工作。 空引用不工作:( 但是这里是方法： 制作1x1像素文件。将其复制到程序集中，并从中创建资源流，以1x1像素空白处理您的图像。将自定义处理方法绑定到LongListSelector.UnRealized事件（e.Container处理您的列表项）。

public static void DisposeImage(BitmapImage image) 
{ 
    Uri uri= new Uri("oneXone.png", UriKind.Relative); 
    StreamResourceInfo sr=Application.GetResourceStream(uri); 
    try 
    { 
     using (Stream stream=sr.Stream) 
     { 
      image.DecodePixelWidth=1; //This is essential! 
      image.SetSource(stream); 
     } 
    } 
    catch { } 
} 

我在LongListSelector 1000张图片400宽度的每个工作。

如果你错过了2步与数据收集可以看到的好成绩但滚动100-200项后内存溢出

Answer 2

你刚刚用Windows Phone在屏幕上显示用户的媒体库“图片”文件夹中的所有图片。这是令人难以置信的内存密集型，考虑到WP8应用程序的150MB限制，这也难怪你会遇到OOM异常。

你应该考虑增加有几件事情：

1）设置源和SourceUri属性滚动ListBoxItem的拿出来看的时候空。见Stefan的文章“缓存图像”在这里@http://blogs.msdn.com/b/swick/archive/2011/04/07/image-tips-for-windows-phone-7.aspx

BitmapImage bitmapImage = image.Source as BitmapImage; 
    bitmapImage.UriSource = null; 
    image.Source = null; 

2）如果你在WP8请务必设定DecodePixelWidth和/或DecodePixelHeight。这样图像将被加载到内存中，永久调整大小，只有调整大小的副本被存储在内存中。加载到内存中的图像可能比手机本身的屏幕尺寸大得多。所以裁剪到合适的尺寸，只存储调整大小的图像至关重要。设置BitmapImage.DecodePixelWidth = 480（最大值）来帮助解决这个问题。

var bmp = new BitmapImage(); 

// no matter the actual size, 
// this bitmap is decoded to 480 pixels width (aspect ratio preserved) 
// and only takes up the memory needed for this size 
bmp.DecodePixelWidth = 480; 

bmp.UriSource = new Uri(@"Assets\Demo.png", UriKind.Relative); 
ImageControl.Source = bmp; 

（从here代码示例）

3）你为什么要使用Picture.GetImage（）而不是Picture.GetThumbnail（）？你真的需要这个形象来占据整个屏幕吗？

4）如果这是一个WP8独占应用程序，请考虑从ListBox移动到LongListSelector。 LLS比ListBox有更好的虚拟化。看看你的代码示例，只需要将XAML ListBox元素更改为LongListSelector元素即可。

Answer 3

试试这种方法：Image downloader with auto memory cleaning。示例项目在这里：https://simca.codeplex.com/