WPF中如何先显示加载容器再执行FTP上传代码？

你的问题核心是UI线程被同步耗时操作阻塞：设置spinnerContainer.Visibility后，立刻执行的FTP上传是同步阻塞调用，会占用UI线程导致界面无法及时更新，直到所有上传操作完成，UI线程才会处理渲染请求，所以加载容器才会显示。

最优解决方案：用异步操作分离UI线程与耗时任务 #

通过async/await将FTP上传逻辑移到后台线程，让UI线程在设置容器可见后，能立刻处理界面渲染，再等待后台任务完成。

步骤1：封装异步上传方法

如果你的FTP客户端提供了异步API（比如UploadStreamAsync），直接使用；如果只有同步方法，用Task.Run将同步操作包装到后台线程：

private async Task UploadStreamsToFtpAsync()
{
    client.Connect();
    client.EmptyDirectory(Id);
    client.SetWorkingDirectory(Id);

    for (int i = 0; i < streams.Count; i++)
    {
        // 用Task.Run把同步上传操作放到后台线程
        await Task.Run(() => client.UploadStream(streams[i], i.ToString()));
    }

    client.Disconnect();
}

步骤2：异步触发上传逻辑

在UI事件（比如按钮点击）中，异步调用上传方法，确保UI线程不被阻塞：

private async void UploadButton_Click(object sender, RoutedEventArgs e)
{
    // 先显示加载容器
    spinnerContainer.Visibility = Visibility.Visible;

    try
    {
        // 等待后台上传完成，此时UI线程可正常处理界面渲染
        await UploadStreamsToFtpAsync();
        // 上传成功后的提示或操作
    }
    catch (Exception ex)
    {
        // 处理上传异常
    }
    finally
    {
        // 上传完成（无论成功失败）隐藏加载容器
        spinnerContainer.Visibility = Visibility.Collapsed;
    }
}

临时替代方案：强制UI刷新（不推荐） #

如果暂时无法修改为异步逻辑，可以通过Dispatcher强制UI线程先完成渲染，再执行同步上传。但这种方式仍会阻塞UI，只是让加载容器先显示出来：

spinnerContainer.Visibility = Visibility.Visible;
// 强制UI线程优先处理渲染请求
Dispatcher.Invoke(() => {}, DispatcherPriority.Render);

// 执行同步FTP上传
client.Connect();
client.EmptyDirectory(Id);
client.SetWorkingDirectory(Id);
for (int i = 0; i < streams.Count; i++)
{
    client.UploadStream(streams[i], i.ToString());
}
client.Disconnect();

spinnerContainer.Visibility = Visibility.Collapsed;

关键说明 #

• async/await是.NET中处理异步任务的标准方式，既能保证UI响应，又能简化异步代码的编写。
• 避免在UI线程执行任何耗时操作（如网络请求、文件IO），否则必然导致界面冻结。

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