后台线程生成LinesVisual3D列表并返回UI线程的问题及解决

我最近遇到了一个头疼的问题：在WPF里要生成大量LinesVisual3D对象，因为计算耗时久，想放到后台线程执行，但始终卡在两个极端——要么后台生成的列表UI线程访问报错，要么用Dispatcher调用后UI直接冻结。折腾了几次后终于找到了解决方案，分享给大家：

最初的困境：后台线程创建UI元素导致跨线程异常 #

一开始我直接在后台线程里生成LinesVisual3D并填充列表，函数能正常运行，但UI线程一访问这个列表就抛出跨线程异常——毕竟WPF的UI元素是线程绑定的，只能由创建它的线程操作，后台线程生成的元素UI线程碰不得。

public async Task<List<LinesVisual3D>> Create2dGcodeLayerModelListAsync(IProgress<int> prog = null) {
    var list = new List<LinesVisual3D>();
    try {
        await Task.Factory.StartNew(delegate () {
            var temp = new List<LinesVisual3D>();
            int i = 0;
            foreach (List<GCodeCommand> commands in Model.Commands) {
                temp.Add(drawLayer(i, 0, Model.Commands[i].Count, false));
                if (prog != null) {
                    float test = (((float)i / Model.Commands.Count) * 100f);
                    prog.Report(i < Model.Commands.Count - 1 ? Convert.ToInt32(test) : 100);
                }
                i++;
            }
            list = new List<LinesVisual3D>(temp);
        });
        LayerModelGenerated = true;
        return list;
    } catch (Exception exc) {
        return list;
    }
}

尝试修复：用Dispatcher调用但导致UI冻结 #

后来我尝试把LinesVisual3D的创建放到Dispatcher.Invoke里，这样元素是在UI线程生成的，跨线程问题解决了，但新问题来了——循环里每一次创建都调用Invoke，把大量操作塞回UI线程，直接导致UI完全冻结，体验极差。

// 能生成有效列表，但会冻结UI的版本
public async Task<List<LinesVisual3D>> Create2dGcodeLayerModelListAsync(IProgress<int> prog = null) {
    var list = new List<LinesVisual3D>();
    var line = new LinesVisual3D();
    try {
        await Task.Factory.StartNew(delegate () {
            int i = 0;
            foreach (List<GCodeCommand> commands in Model.Commands) {
                if (DispatcherObject.Thread != Thread.CurrentThread) {
                    DispatcherObject.Invoke(new Action(() => {
                        line = drawLayer(i, 0, Model.Commands[i].Count, false);
                        list.Add(line);
                    }));
                }
                // 进度报告逻辑
                i++;
            }
        });
        LayerModelGenerated = true;
        return list;
    } catch (Exception exc) {
        return list;
    }
}

最终解决方案：分离计算逻辑与UI元素创建 #

核心思路就是把耗时的纯数据计算放到后台线程，UI元素的创建和绑定放到UI线程，这样既不会阻塞UI，又能避免跨线程异常：

1. 后台线程只处理GCode解析，生成Point3D集合（纯数据，无UI关联，线程安全）
2. 拿到点集合后，通过Dispatcher.Invoke回到UI线程，创建LinesVisual3D并绑定数据

修改后的完整代码：

public async Task<List<LinesVisual3D>> Create2dGcodeLayerModelListAsync(IProgress<int> prog = null) {
    var list = new List<LinesVisual3D>();
    try {
        await Task.Factory.StartNew(delegate () {
            int i = 0;
            foreach (List<GCodeCommand> commands in Model.Commands) {
                // 后台线程仅做纯数据计算，生成Point3D列表
                var pointsPerLayer = getLayerPointsCollection(i, 0, Model.Commands[i].Count, false);
                
                // 回到UI线程创建UI元素并添加到列表
                if (DispatcherObject.Thread != Thread.CurrentThread) {
                    DispatcherObject.Invoke(new Action(() => {
                        var line = new LinesVisual3D() { 
                            Points = new Point3DCollection(pointsPerLayer)
                        };
                        list.Add(line);
                    }));
                }
                
                // 进度报告
                if (prog != null) {
                    float progressPercent = (((float)i / Model.Commands.Count) * 100f);
                    prog.Report(i < Model.Commands.Count - 1 ? Convert.ToInt32(progressPercent) : 100);
                }
                i++;
            }
        });
        LayerModelGenerated = true;
        return list;
    } catch (Exception exc) {
        return list;
    }
}

// 纯数据计算函数，可安全在后台线程执行
private List<Point3D> getLayerPointsCollection(int layerNumber, int fromProgress, int toProgress, bool isNextLayer) { 
    // 实现生成Point3D集合的逻辑
}

这个方案完美解决了之前的两难问题：后台线程负责重计算，UI线程只做轻量的元素创建，既保证了效率，又避免了跨线程异常，UI也不会冻结。

内容的提问来源于stack exchange，提问作者Andreas Reitberger