Windows Phone 图像网格“内存不足”错误

Question

当我尝试显示图像网格时，Windows Phone 上出现“内存不足”异常。 我玩了一点代码，认为Grid.Children.Add 给了我这个错误。

我已经创建了显示灰色矩形的自定义类，并且在加载图像后，它显示图像而不是该矩形。这里是：

   class ImageWIthLoader
   {
     private BitmapImage m_loader_bitmap;
     private BitmapImage m_source_bitmap;
     private Image m_image;

     public Image image
     {
         get { return m_image; }
     }

     //url - url to 120x120 image; width, height = 120 both
     public ImageWIthLoader(string url, int width, int height)
     {
         m_image = new Image();

         m_loader_bitmap = new BitmapImage(new Uri("Assets/Images/image_await_background.png", Uri Kind.Relative));
         m_loader_bitmap.DecodePixelWidth = width;
         m_loader_bitmap.DecodePixelHeight = height;

         m_image.Source = m_loader_bitmap;

         m_source_bitmap = new BitmapImage(new Uri(url));
         m_source_bitmap.CreateOptions = BitmapCreateOptions.None;
         m_source_bitmap.ImageOpened += bitmapLoaded;
     }

     private void bitmapLoaded(object sender, RoutedEventArgs e)
     {
         m_image.Source = m_source_bitmap;
         m_loader_bitmap.UriSource = null;
     }
   }

在另一个类中，我将这些图像添加到网格中（这是一系列图像，由先前解析的 json 中的 url 加载）

    private void addImageToGrid(ImageWIthLoader loader_image, int row, int col)
    {
        double margin = 0.05 * PIC_WIDTH;

        loader_image.image.SetValue(Grid.ColumnProperty, col);
        loader_image.image.SetValue(Grid.RowProperty, row);
        loader_image.image.Margin = new Thickness(margin);

        //comment out this string and everythins goes fine
        images_grid.Children.Add(loader_image.image);
    }

猜测一些 cmets：我已将 ImageWithLoader-s 保存到 List 以防止 GC 收集它们。 ImageWithLoader url 是一个 120x120 图片的 url，所以不能太重。

带有图像网格的页面的 XAML 的一部分：

       ....
        <ScrollViewer x:Name="scrollView" HorizontalAlignment="Left" Height="603" VerticalAlignment="Top" Width="456" >
            <Grid x:Name="images_grid" Height="596" Width="453"/>
        </ScrollViewer>
       ....

那么，请问，我做错了什么？我应该使用另一个控件而不是网格吗？还是我还缺少其他东西？

附：抱歉误导。尺寸 120x120 是显示的矩形，加载的图像尺寸为 800x800（例如），然后它们适合 120x120 的矩形。

附言如果我删除加载 m_loader_bitmap，则图片显示正常。 m_loader_bitmap 是 1px 灰色 png

Answer 1

你好，把这段代码改成这样

public void ImageWIthLoader(string url, int width, int height)
 {
      Deployment.Current.Dispatcher.BeginInvoke(() =>
        {
     m_image = new Image();

     m_loader_bitmap = new BitmapImage(new Uri("Assets/Images/image_await_background.png", UriKind.Relative));
     m_loader_bitmap.DecodePixelWidth = width;
     m_loader_bitmap.DecodePixelHeight = height;

     m_image.Source = m_loader_bitmap;

     m_loader_bitmap = null;

     m_source_bitmap = new BitmapImage(new Uri(url));
     m_source_bitmap.CreateOptions = BitmapCreateOptions.None;
     m_source_bitmap.ImageOpened += bitmapLoaded;
        });
 }

或从这些链接中查找更多信息

Memory leak with BitmapImage

Memory consumption of BitmapImage/Image control in Windows Phone 8

WriteableBitmap Memory Leak

System.OutOfMemoryException