WPF - 渲染“实时”最佳实践

Question

实施说明：

在每个 CompositionTarget.Rendering 事件中，我使用 Writablebitmap 绘制 4 条相邻线， （这是“实时”折线图的绘图仪）。

问题：

这很好用，直到 UI 线程似乎很忙，然后下一个 CompositionTarget.Rendering 事件需要更长的时间才能触发。

问题：

是否有某种机制可以保持恒定的渲染间隔，优先于任何其他 UI 操作？

可能的灵魂：

我正在考虑创建一个 HostVisual 以及如何为其分配 DispatcherTimer ，
这种方法行得通吗？

想到的任何其他方法？

提前致谢。

Answer 1

如果您已经在渲染到 WritableBitmap，为什么不在 ThreadPool 上分离一个异步任务呢？ WritableBitmap 支持来自不同线程的更新，例如查看this question 或the class documentation remarks 上的信息。或者，如果线程池不是您的东西，则只需运行您自己的线程。这样您就可以控制时间，除了同步图像之外，不需要依赖 UI 线程来做任何其他事情。

这是我刚刚编写的一些粗略的示例代码，应该可以让您了解我的意思：

public partial class MainWindow : Window
{
    private WriteableBitmap mImage;
    private bool mShutdown;
    private object mUpdateLock = new object();
    private IntPtr mBuffer;
    private int mStride;

    public MainWindow()
    {
        InitializeComponent();

        mImage = new WriteableBitmap(10, 2, 96, 96, PixelFormats.Bgr32, null);
        wImage.Source = mImage;

        Closed += delegate {
            CompositionTarget.Rendering -= CompositionTarget_Rendering;
            lock (mUpdateLock)
            {
                mShutdown = true;
                mImage.Unlock();
            }
        };

        mImage.Lock();
        mBuffer = mImage.BackBuffer;
        mStride = mImage.BackBufferStride;
        CompositionTarget.Rendering += CompositionTarget_Rendering;

        UpdateAsync();
    }

    private void CompositionTarget_Rendering(object sender, EventArgs e)
    {
        lock (mUpdateLock)
        {
            // for a large image you can optimize that by only updating the parts that changed,
            // collect dirty-areas in a list or something (while under the lock of course!)
            mImage.AddDirtyRect(new Int32Rect(0, 0, 10, 2));
            mImage.Unlock();
            mImage.Lock();

            // I don't know if these can changes, but docs say to acquire them after locking ...
            mBuffer = mImage.BackBuffer;
            mStride = mImage.BackBufferStride;
        }
    }

    private async void UpdateAsync()
    {
        int x = 0;
        int y = 0;
        int color = 0xFF0000;

        for (; ;)
        {
            lock (mUpdateLock)
            {
                if (mShutdown)
                    return;

                // feel free to do 'unsafe' code here if you know what you're doing
                Marshal.WriteInt32(new IntPtr(mBuffer.ToInt64() + x * 4 + y * mStride), color);
            }

            if (++x == 10)
            {
                x = 0;
                if (++y == 2)
                {
                    y = 0;
                    color ^= 0xFF00FF;
                }
            }

            await Task.Delay(500).ConfigureAwait(false);
        }
    }

    private void Button_Click(object sender, RoutedEventArgs e)
    {
        Thread.Sleep(2000);
    }
}

以及对应的XAML

<Window x:Class="WpfApplication2.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
    <Grid>
        <Button Content="Slow" HorizontalAlignment="Left" VerticalAlignment="Top" Click="Button_Click"/>
        <Image x:Name="wImage"/>
    </Grid>
</Window>