WPF自定义按钮用户控件运行时修改Content内容失效如何解决？

WPF的UI渲染操作是在UI线程的消息队列中按优先级执行的，你当前的代码全部同步运行在UI线程上：

• 设置btnButton.Content = "Please Wait..."后，渲染请求会被加入消息队列，但此时UI线程被后续的ExecuteClickEvent()阻塞，没有空闲处理渲染请求
• 等ExecuteClickEvent()执行完，立刻又把Content改成了"Its Done!"，等UI线程终于空闲可以处理渲染时，最终的Content已经是完成状态，所以看不到中间的等待提示

方案1：异步执行（推荐） #

将耗时逻辑改为异步执行，释放UI线程完成界面刷新，适合有长时间耗时操作的场景：

public static readonly RoutedEvent ClickProperty = EventManager.RegisterRoutedEvent(
    nameof(Click), RoutingStrategy.Bubble, typeof(RoutedEventHandler), typeof(ButtonProgress));

private async void btnButton_Click(object sender, RoutedEventArgs e)
{
    btnButton.Content = "Please Wait...";
    // 优先处理UI渲染请求，完成等待文本的刷新
    await Dispatcher.Yield(DispatcherPriority.Render);
    
    // 将用户点击事件的耗时逻辑放到后台线程执行
    await Task.Run(ExecuteClickEvent);
    
    btnButton.Content = "Its Done!";
}

//User click Event
public event RoutedEventHandler Click
{
    add { AddHandler(ClickProperty, value); }
    remove { RemoveHandler(ClickProperty, value); }
}

private void ExecuteClickEvent()
{
    RoutedEventArgs newEventArgs = new RoutedEventArgs(ButtonProgress.ClickProperty);
    RaiseEvent(newEventArgs);
}

注意：如果用户的点击事件中包含UI操作，需要用户自行通过Dispatcher.Invoke将UI操作调度回UI线程，避免跨线程访问异常

方案2：强制刷新UI（适合短耗时场景） #

如果用户点击事件的逻辑必须在UI线程执行，且耗时较短，可以在设置等待文本后强制UI线程先完成渲染，再执行后续逻辑：

private void btnButton_Click(object sender, RoutedEventArgs e)
{
    btnButton.Content = "Please Wait...";
    // 强制UI线程处理所有渲染优先级的消息，完成等待文本刷新
    Dispatcher.Invoke(DispatcherPriority.Render, new Action(() => { }));
    
    ExecuteClickEvent();
    
    btnButton.Content = "Its Done!";
}

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