Question

我正在尝试将矩形绘制到WriteableBitmap中，不幸的是，提供Fill *扩展的WriteableBitmapEx太慢而且只能在主线程上运行。

我正在寻找WP8.1特有的替代方案，到目前为止还不知道最佳解决方案。

我需要一种方法来绘制矩形异步，一种方法是在MainWindow上创建一个Canvas并在其上添加xaml.Rectangles，这几乎可以用作问题的解决方案，但我想要特定的绘制矩形上的WriteableBitmap而不是创建大量的UIElements并在屏幕上添加所有UIElements。

对不起，如果可以在互联网上找到任何给定的解决方案，我几乎找不到关于C＃的任何内容。

我做过的测试：

    protected override void OnNavigatedTo(NavigationEventArgs e)
    {
        var container = new Canvas()
        {
            Width = 300,
            Height = 500
        };

        var winImage = new Image()
        {
            Width = 300,
            Height = 500
        };
        container.Children.Add(winImage);

        //var winImage = imageView.NativeView<Image>();
        var img = new WriteableBitmap((int)winImage.Width, (int)winImage.Height);

        var clr = Color.FromArgb(255, 0, 0, 255);


        var start = DateTime.Now;
        var random = new Random();

        for (int i = 0; i < 50; i++)
        {
            //var color = Color.FromArgb(255, (byte)random.Next(255), (byte)random.Next(255), (byte)random.Next(255));
            img.FillRectangle(i * 2, i * 2, i * 2 + 10, i * 2 + 10, clr);
        }
        Debug.WriteLine((DateTime.Now - start).TotalMilliseconds + "ms drawing");

        winImage.Source = img;

        Content = container;
    }

这导致诺基亚Lumia 1020在调试模式下运行“792.1397ms drawing”，这非常慢。

Answer 1

使用GetBitmapContext()可以加快速度。

protected override void OnNavigatedTo(NavigationEventArgs e)
{
    var container = new Canvas()
    {
        Width = 300,
        Height = 500
    };

    var winImage = new Image()
    {
        Width = 300,
        Height = 500
    };
    container.Children.Add(winImage);

    var img = BitmapFactory.New((int)winImage.Width, (int)winImage.Height); 
    winImage.Source = img;
    Content = container;

    var clr = Color.FromArgb(255, 0, 0, 255);
    var random = new Random();

    var sw = new Stopwatch();
    sw.Start();

    using (img.GetBitmapContext()) {
        img.Clear(Colors.White);
        for (var x = 0; x < 10; x++) {
          for (var y = 0; y < 10; y++) {
            img.FillRectangle(x * 10, y * 10, x * 10 + 10, y * 10 + 10, clr); 
          }
        }
    }

    sw.Stop();

    Debug.WriteLine(sw.ElapsedMilliseconds + "ms drawing");
}

绘制矩形WP8.1异步（或快速）

1 个答案: