Silverlight 中的多个异步 UI 更新

Question

如何通过 Silverlight 回调执行多个 UI 更新？

例如，我希望用户单击一个按钮，让 UI 进行更改，做一些工作，然后进行另一项更改...相反，用户单击按钮，回调似乎在后台执行然后所有的 UI 变化都在我眼前一闪而过。

MainPage.xaml：

<Grid x:Name="LayoutRoot" Background="White" >
<TextBlock Height="23" Name="textBlock1" Text="TextBlock" VerticalAlignment="Top"/>
<Button Click="button1_Click" Content="Button" Height="23" Name="button1" Width="75"  />
</Grid>

MainPage.xaml.cs：

private void button1_Click(object sender, RoutedEventArgs e)
{
    textBlock1.Text = "1";
    // also tried Thread.Sleep(5000);
    Dispatcher.BeginInvoke(() => Thread.Sleep(5000));
    textBlock1.Text = "2";
}

Answer 1

BeginInvoke 异步运行，因此将返回并更改文本。

直接来自 MSDN 文档：“BeginInvoke 是异步的；因此，控制在调用后立即返回到调用对象。”

而是在 BeginInvoke 中添加您想要执行的处理。所以你做 Thread.Sleep 然后添加更改文本框。

BackgroundWorker 也可以绑定到事件中。因此，当 UI 更新（即 BackGroundWorker 完成事件）时，您可以启动下一个项目。这就是为什么你应该使用BgroundWorker

即

BackgroundWorker w = new BackgroundWorker();
w.DoWork += (sender, args) => 
{
    Thread.Sleep(5000);
    Dispatcher.BeginInvoke(() => {
    //your code here
    }); 
};
w.RunWorkerAsync();

Answer 2

Silverlight 使用工作项队列来处理 UI 线程上的渲染和逻辑。由于您的逻辑也在 UI 线程上运行（在您的 button_Click 处理程序中），因此在您的方法执行完毕并且内部消息循环开始绘制屏幕之前，渲染器没有机会绘制屏幕。

您的BeginInvoke 立即将您的函数放在 Silverlight 工作队列中以在 UI 线程上执行（并立即返回）。 Silverlight 处理这个的顺序可能是这样的：

• 用户点击按钮，在工作队列中放置一个点击事件
• Silverlight 看到点击事件并调用 button_Click（在工作队列中放置一个新操作）
• 处理下一个工作队列项，这可能是您的 Thread.Sleep 操作，暂停 UI 线程 5 秒
• Silverlight 终于开始绘制屏幕了

你要做的是启动一个新线程来完成你的工作，然后BeginInvoke返回到 UI 线程：

var thread = new Thread(() => {
  Thread.Sleep(5000);
  Dispatcher.BeginInvoke(() => { 
    // update UI 
    textBox.Text = "2";
  });
});

textBox.Text = "1";
thread.Start();

我应该补充一点，Silverlight 5 添加了一个合成线程，它可以执行某些操作来更新 UI，而不会阻塞 UI 线程，例如播放动画和在可能的情况下进行 GPU 加速渲染。