使用 N x N 图像网格生成 WPF 图像

Question

我正在开发一个个人项目，该项目从图像网格创建单个图像。生成图像需要一段时间，并且只有代码执行完毕后才每次刷新。如何使界面在生成图像时仍然有效（不锁定）。

那么开始吧： 我有一个 N x N 标识符网格，根据标识符，我在 (x,y) 处绘制具有给定缩放高度和宽度的特定图像。

该图像每次迭代都会重新生成，并且需要在 WPF 上更新。它还绑定到 xaml 端图像的 ImageSource

我的问题是“如何提高生成此大图像的性能”和“如何根据需要多次刷新图像（每代）”。

for (int i = 0; i < numberOfIterations; i++)
{
  // Do Some Work
  UpdateImage();
}
...
BitmapImage imgFlower = new BitmapImage(new Uri(@"Images\Flower.bmp", UriKind.Relative));
BitmapImage imgPuppy = new BitmapImage(new Uri(@"Images\Puppy.bmp", UriKind.Relative));
ImageSource GeneratedImage{ get{ GenerateImage(); } set; } 
...
void UpdateImage() { OnPropertyChanged("GeneratedImage"); }
...
ImageSource GenerateImage()
{
  RenderTargetBitmap bmp = new RenderTargetBitmap(223, 223, 96, 96, PixelFormats.Pbgra32);
  DrawingVisual drawingVisual = new DrawingVisual();
  using (DrawingContext drawingContext = drawingVisual.RenderOpen())
  {
    double scaleRatio = CalculateScaleRatio();
    DrawGridOfImages(drawingContext, scaleRatio);
  }
  bmp.Render(drawingVisual);
  return bmp;
}
...
DrawGridOfImages(...)
{
  double x,y;
  for (int r = 0; r < NumberOfRows; r++)
  {
    x = r * scaleRatio;
    for (int c = 0; c < NumberOfColumns; c++)
    {
      y = c * scaleRatio;
      switch (imageOccupancy[r, c])
      {
         case Flower: drawingContext.DrawImage(imgFlower, new Rect(x,y,scaleRatio,scaleRation));
         case Puppy: drawingContext.DrawImage(imgPuppy, new Rect(x,y,scaleRatio,scaleRatio));
      }
    }
  }
}

Answer 1

有两种方法。首先也是最有益的是提高感知性能，方法是在工作线程上生成图像并使用事件在关键点更新 UI 线程上的图像，以便用户可以看到进度。

为了提高实际性能，如果您的目标是并使用多核系统，则您可以尝试并行函数（如果您的迭代实际上可以并行执行）。这将需要一些工作和不同的思维方式，但如果您付出努力，将会有所帮助。我建议您学习 PLINQ 以开始使用。