WPF中点击侧边栏单选按钮后如何让UI先更新高亮再加载重页面

问题根因 #

RadioButton的IsChecked状态变更触发的高亮渲染，和Frame导航的页面渲染都在UI线程的同一个调度队列中，由于你的目标页面控件量较大，UI线程会优先完成页面的初始化、渲染工作，才会处理RadioButton的样式更新，因此出现高亮延迟。

解决方案 #

1. 调整UI调度优先级（最便捷、改造成本最低）

将导航逻辑封装到低优先级的Dispatcher任务中，确保UI线程先完成RadioButton的高亮渲染，再执行页面导航操作，参考代码如下：

private void MenuRadioButton_Checked(object sender, RoutedEventArgs e)
{
    // 等待UI线程完成当前所有渲染优先级的任务（包括RadioButton高亮更新）
    Dispatcher.InvokeAsync(() =>
    {
        // 此处替换为你原有的Frame导航逻辑
        MainFrame.Navigate(new TargetPage());
    }, DispatcherPriority.Loaded); // Loaded优先级低于Render，会在UI刷新后执行
}

2. 优化页面加载性能

• 开启Frame页面缓存：给需要频繁跳转的页面设置NavigationCacheMode="Required"，访问过一次后下次导航无需重新初始化控件，直接加载缓存实例。
• 非首屏控件懒加载：将页面中不需要首次展示的区域（比如折叠面板、非首屏Tab页内的控件）加上x:Load="False"标记，等用户展开/切换到对应区域时再手动加载控件，降低首次导航的渲染耗时。

3. 高频页面预加载

如果部分页面访问频率极高，可以在应用启动后的空闲时段提前实例化这些页面存在全局缓存中，导航时直接调用缓存实例，完全消除首次加载的延迟：

// 全局页面缓存
private static readonly Dictionary<Type, Page> _pageCache = new();

private void NavigateToPage<T>() where T : Page, new()
{
    if (!_pageCache.TryGetValue(typeof(T), out var targetPage))
    {
        targetPage = new T();
        _pageCache[typeof(T)] = targetPage;
    }
    MainFrame.Navigate(targetPage);
}

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