C# UWP：异步创建UI报错，如何子线程生成UI并显示进度条？

首先明确：WPF的UI元素（比如UserControl、Button等）具有线程亲和性，必须在UI线程上创建和操作，这就是你遇到“应用程序调用了为其他线程封送的接口”错误的根本原因——你在Task.Run的后台线程里创建了NoteRepresentation（用户控件），违反了UI线程独占的规则。

你的代码问题分析 #

在Task.Run的委托中，你直接实例化NoteRepresentation（UI控件）并添加到ObservableCollection：

await Task.Run(() => 
 { 
    foreach (var item in DataTransit.Notes) result.Add(new NoteRepresentation(item));
 }

这里有两个关键错误：

1. NoteRepresentation是UserControl，其构造函数中的InitializeComponent()会初始化WPF可视化树，必须在UI线程执行。
2. ObservableCollection的集合变更通知绑定到UI线程，后台线程直接调用Add也会触发跨线程错误。

正确的实现方案 #

核心思路：后台线程只处理耗时的数据操作，UI相关的创建和更新全部放回UI线程，同时用Progress<T>实现进度条更新。

1. 分离数据模型与UI控件

先定义纯数据模型（不涉及UI逻辑），用于后台线程的数据转换：

public class NoteModel
{
    // 映射Note的业务属性，示例：
    public string Title { get; set; }
    public string Content { get; set; }

    public NoteModel(Note note)
    {
        Title = note.Title;
        Content = note.Content;
        // 其他属性按需映射
    }
}

2. 后台线程处理数据，UI线程创建控件

修改ViewModel代码，拆分耗时操作和UI操作：

// 初始化进度对象，回调会自动在UI线程执行
var progress = new Progress<int>(current =>
{
    // 这里直接更新ProgressBar的值
    YourProgressBar.Value = current;
});

// 后台线程仅处理数据转换（耗时操作）
var noteModels = await Task.Run(() =>
{
    var modelList = new List<NoteModel>();
    int index = 0;
    foreach (var note in DataTransit.Notes)
    {
        modelList.Add(new NoteModel(note));
        index++;
        // 向UI线程报告当前进度
        ((IProgress<int>)progress).Report(index);
    }
    return modelList;
});

// 回到UI线程，创建UI控件并添加到集合
ObservableCollection<NoteRepresentation> result = new ObservableCollection<NoteRepresentation>();
YourProgressBar.Maximum = DataTransit.Notes.Count; // 设置进度条最大值

foreach (var model in noteModels)
{
    result.Add(new NoteRepresentation(model));
}

// 若用MVVM则绑定到StackPanel的ItemsSource，否则直接添加到Children：
// foreach(var item in result) YourStackPanel.Children.Add(item);

3. 修改UI控件的构造函数

让NoteRepresentation接收数据模型，通过数据绑定关联UI：

public NoteRepresentation(NoteModel model)
{
    DataContext = model; // 绑定数据模型到UI
    InitializeComponent(); // 此方法必须在UI线程执行
}

额外注意事项 #

• 避免使用async void：除了事件处理程序外，异步方法尽量返回async Task，否则异常无法被捕获。
• ObservableCollection的所有变更（Add/Remove/Clear）都必须在UI线程执行，否则会触发跨线程错误。

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