如何在后台线程中基于UserControl生成PNG且不阻塞UI线程？

解决方案 #

你遇到的报错是因为默认Task使用的线程池线程为MTA模式，而WPF UI组件的实例化、布局、渲染流程必须运行在STA（单线程单元）模式的线程上，你可以手动创建独立的STA后台线程执行渲染逻辑，完全不会占用主UI线程，不会造成UI冻结。

修改后的实现代码

// 封装为可等待的异步方法，主UI线程调用不会阻塞
public Task<byte[]> GenerateTrimPngAsync(CustomTrimInfo trimInfo)
{
    var tcs = new TaskCompletionSource<byte[]>();
    // 手动创建独立渲染线程
    var renderThread = new Thread(() =>
    {
        try
        {
            var _TrimDesignerVM = new TrimDesignerVM(new Profile(trimInfo));
            _TrimDesignerVM.CanvasWidth = 520.0;
            _TrimDesignerVM.CanvasHeight = 520.0;
            _TrimDesignerVM.ZoomToFit();
            
            var control = new Views.CustomTrimDetail();
            control.DataContext = _TrimDesignerVM;
            control.Width = 742;
            control.Height = 520;
            control.Measure(new Size(742, 520));
            control.Arrange(new Rect(new Size(742, 520)));
            control.UpdateLayout();
            
            var rect = new Rect(control.RenderSize);
            var visual = new DrawingVisual();
            using (var dc = visual.RenderOpen()) 
                dc.DrawRectangle(new VisualBrush(control), null, rect);
            
            const double dpi = 96;
            const double scale = dpi / 96;
            var bitmap = new RenderTargetBitmap(
                (int)(742 * scale), (int)(520 * scale), 
                dpi, dpi, PixelFormats.Default);
            bitmap.Render(visual);
            
            var encoder = new PngBitmapEncoder();
            encoder.Frames.Add(BitmapFrame.Create(bitmap));
            using var ms = new MemoryStream();
            encoder.Save(ms);
            var pngBytes = ms.ToArray();
            
            tcs.SetResult(pngBytes);
        }
        catch (Exception ex)
        {
            tcs.SetException(ex);
        }
    });
    // 设置线程为STA模式
    renderThread.SetApartmentState(ApartmentState.STA);
    // 标记为后台线程，进程退出时自动销毁
    renderThread.IsBackground = true;
    renderThread.Start();
    return tcs.Task;
}

调用示例

// 主UI线程直接await即可，不会阻塞UI
byte[] pngBytes = await GenerateTrimPngAsync(line.CustomTrimInfo);
// 直接将pngBytes存入数据库即可

注意事项 #

• 独立STA线程和主UI线程完全隔离，渲染过程不会占用主UI资源
• 不要将后台线程中创建的任何UI元素（控件、依赖对象等）传递到主UI线程使用，仅跨线程传递生成的byte数组即可
• 如果需要批量生成大量图片，可以复用STA线程避免重复创建线程的开销，单线程每秒可以处理约5张200ms耗时的生成任务

内容的提问来源于stack exchange，提问作者Neil B