Windows 10 UWP StackPanel 可见性不起作用

Question

我有一个 Windows 10 UWP 应用，在我的 XAML 中，我有一个 StackPanel，用于显示进度条。因此，默认情况下，StackPanel 可见性设置为折叠。然后，在我后面的代码中，我试图在用户单击按钮时将可见性设置为可见，之后，我调用一个方法来进行一些处理。在此示例中，面板永远不会显示。

    private void BtnProcess_OnClick(object sender, RoutedEventArgs e)
    {
        //Set the progress panel to visible
        toggleProgressPanel(true);
        //This is a long running process that can take 3-5 seconds.
        ProcessRequest();
        //Hide the progress panel
        toggleProgressPanel(false);
    }

    private void toggleProgressPanel(bool show)
    {
        pnlProgressBar.Visibility = show ? Visibility.Visible : Visibility.Collapsed;
    }

我在测试期间注意到的一件事是，如果我注释掉 ProcessRequest 调用并且显然隐藏了进度面板，它将在那时显示出来。我还尝试在 ProcessRequest 方法调用中显示和隐藏面板，在方法的最开始显示它并在最后折叠它。

我验证了长时间运行的方法进程实际上需要 3-5 秒才能执行，所以并不是它隐藏面板的速度如此之快以至于你永远看不到它。

这似乎是一个 UI 刷新问题，但我不知道如何解决它。似乎是因为调用方法 BtnProcess_OnClick 正在执行所有操作，直到 BtnProcess_OnClick 方法完成并返回，UI 才真正刷新，这就是它从不显示的原因。那是对的吗？如果是这种情况，你如何解决这个问题？

我不愿意将 ProcessRequest 方法调用放在 Task.Run 中，因为该方法确实需要与 UI 进行大量交互，并且该解决方案会将其放在不同的线程上，这意味着我必须编写大量的代码（我认为）然后解决这个问题。似乎我缺少一个简单的解决方案？

谢谢！

Answer 1

根据 Archana 的建议，我对 ProcessRequest 异步调用了方法。但是，我在该方法中没有任何可等待的内容。因此，只需将方法签名标记为 async 而没有 awaitable 就可以使它仍然同步运行（据我所知）。因此，为了强制它异步运行，我在方法中添加了以下内容并将其标记为异步：

await Task.Delay(50);

这只是一个很小的延迟，几乎不会引起注意，但也给了我一些在方法内部可以等待的东西。

然后，我还更改了此方法的调用者，在我的情况下，按钮按下事件并使其异步，并让它等待对该方法的调用。

现在，它按预期工作，我的 UI 每次都会更新。完整代码如下：

private async void BtnProcess_OnClick(object sender, RoutedEventArgs e)
{
    //Set the progress panel to visible
    toggleProgressPanel(true);
    //This is a long running process that can take 3-5 seconds.
    await ProcessRequest();
    //Hide the progress panel
    toggleProgressPanel(false);
}

private void toggleProgressPanel(bool show)
{
    pnlProgressBar.Visibility = show ? Visibility.Visible : Visibility.Collapsed;
}

private async Task ProcessRequest()
{
    await Task.Delay(50);
    //Now do all of my long running code here
}

执行所有这些操作可以让控制权返回给我的长时间运行方法的调用者，在我的例子中是按钮按下事件，而 ProcessRequest 的长时间运行方法保持异步工作。通过将控制权返回给调用者，它可以完成并允许 UI 更新。

希望这会有所帮助！