C++/CLI传递图像指针至WPF：线程循环无法显示图像问题排查

我的图像处理逻辑全用C++实现，之前用MFC框架，现在打算升级到WPF——WPF负责做UI，需要把非托管环境里的图像指针传到托管环境显示。现在遇到个问题：用线程循环遍历后端vector里的图像时，图像没法正常显示，但改成按钮逐个触发相同的显示逻辑就完全正常，找不到问题出在哪。

WPF里持有我的CppCli对象，能直接调用C++/CLI里的任意函数，求问问题根源和解决办法？

WPF C#代码 #

private CppCli cli;

public MainWindow() { 
    cli = new CppCli(); 
    cli.ImageUpdated += Cli_ImageUpdated; // 绑定事件委托，触发时调用Cli_ImageUpdated
    InitializeComponent(); 
}

private void Cli_ImageUpdated(object sender, ImageUpdateEventArgs e) 
{ 
    Dispatcher.Invoke(() =>
    {
        MyImageControl.Source = e.img;
    });
} 

private void LiveToggle_Click(object sender, RoutedEventArgs e) {
    cli.LiveToggle(); 
}

C++/CLI代码 #

public ref class ImageUpdateEventArgs : EventArgs { 
    public: BitmapSource^ img;

    ImageUpdateEventArgs(BitmapSource^ bitmap) { 
        img = bitmap;
    } 
};

void CppCli::LiveToggle() { 
    running = !running; 

    if (running) { 
        liveThread = gcnew Thread(gcnew ThreadStart(this, &MathFunctions::UpdateDisplay)); 
        liveThread->IsBackground = true; 
        liveThread->Start();
    }

    // 如果直接调用UpdateDisplay()，这段代码是正常工作的
}

void CppCli::UpdateDisplay() { 
    while (running) { // 去掉这个while循环就正常，加了就不行

        int stride, rows, cols, bufferSize; 
        stride = cvObj->images[imageIndex].step[0]; 
        rows = cvObj->images[imageIndex].rows; 
        cols = cvObj->images[imageIndex].cols; 
        bufferSize = cvObj->images[imageIndex].total() * cvObj->images[imageIndex].elemSize(); 
        IntPtr ptr(cvObj->images[imageIndex].ptr()); 

        ImageUpdated(this, gcnew ImageUpdateEventArgs(BitmapSource::Create(cols, rows, 96, 96, PixelFormats::Bgra32, nullptr, ptr, bufferSize, stride)));

        Thread::Sleep(100); 
        imageIndex++; 
        if (imageIndex >= cvObj->images.size())
        { 
            imageIndex = 0;
        }
    } 
}

核心问题：内存生命周期不匹配 #

你用BitmapSource::Create直接传入非托管内存指针时，默认不会复制内存，WPF的BitmapSource只是引用这块非托管内存。线程循环里，imageIndex很快就会切换到下一张图，原内存要么被下一张图的数据覆盖，要么在某些场景下被释放，而WPF的UI线程可能还没完成渲染，导致显示的是无效内存内容。

按钮触发时是单次调用，内存还没被覆盖就完成了渲染，所以看起来正常。

另外还有两个潜在问题：

1. imageIndex是共享变量，线程里修改它没有加锁，虽然当前是单线程修改，但后续扩展容易出竞态问题；
2. 没确认OpenCV图像的像素格式和WPF的Bgra32是否匹配，如果OpenCV是BGR格式，直接用Bgra32会导致颜色错乱甚至显示异常。

解决办法 #

1. 复制非托管内存到托管数组，让WPF拥有独立内存 #

修改C++/CLI的UpdateDisplay方法，把非托管图像内存复制到托管数组里，再用这个数组创建BitmapSource，确保WPF拿到的是不会被覆盖的独立副本：

void CppCli::UpdateDisplay() { 
    while (running) { 
        // 加锁保护共享变量imageIndex，避免竞态
        System::Threading::Monitor::Enter(this);
        int currentIndex = imageIndex;
        imageIndex++; 
        if (imageIndex >= cvObj->images.size())
        { 
            imageIndex = 0;
        }
        System::Threading::Monitor::Exit(this);

        auto& currentImg = cvObj->images[currentIndex];
        int stride = currentImg.step[0]; 
        int rows = currentImg.rows; 
        int cols = currentImg.cols; 
        int bufferSize = currentImg.total() * currentImg.elemSize(); 

        // 把非托管内存复制到托管数组
        array<System::Byte>^ managedBuffer = gcnew array<System::Byte>(bufferSize);
        System::Runtime::InteropServices::Marshal::Copy(IntPtr(currentImg.ptr()), managedBuffer, 0, bufferSize);

        // 用托管数组创建BitmapSource，确保内存独立
        BitmapSource^ bmp = BitmapSource::Create(
            cols, rows, 
            96, 96, 
            PixelFormats::Bgra32, 
            nullptr, 
            managedBuffer, 
            stride
        );

        ImageUpdated(this, gcnew ImageUpdateEventArgs(bmp));

        Thread::Sleep(100); 
    } 
}

2. 验证并匹配像素格式 #

如果你的OpenCV图像是BGR格式（没有alpha通道），需要先转换为BGRA格式再复制，或者在创建BitmapSource时用PixelFormats::Bgr24，同时调整stride和bufferSize的计算，确保和格式匹配。

3. 优化UI线程调用（可选） #

C#里的Dispatcher.Invoke是同步调用，会阻塞事件触发线程，换成Dispatcher.BeginInvoke异步调用能让线程循环更流畅：

private void Cli_ImageUpdated(object sender, ImageUpdateEventArgs e) 
{ 
    Dispatcher.BeginInvoke(() =>
    {
        MyImageControl.Source = e.img;
    });
}

内容的提问来源于stack exchange，提问作者Sean Tan