WinUI3：如何在WinUIEx启动屏OnLoading中编辑UI并预加载应用？

一、拆分数据逻辑与UI逻辑 #

把HomePageView里的数据获取、解析代码抽成独立的服务类（比如命名为DataPreloader），不要和UI页面耦合。这样启动屏阶段无需依赖页面实例，就能直接调用服务完成数据加载。

示例代码：

public class DataPreloader
{
    public async Task<HomePageData> LoadAndParseHomeDataAsync()
    {
        // 迁移原HomePageView.Loaded中的数据获取、解析逻辑
        var rawData = await FetchDataSourceAsync();
        return ParseRawData(rawData);
    }

    private async Task<string> FetchDataSourceAsync()
    {
        // 实现数据获取逻辑：调用API、读取本地文件等
    }

    private HomePageData ParseRawData(string rawData)
    {
        // 实现数据解析逻辑，转换为页面所需的实体类
    }
}

二、在启动屏中安全处理预加载与UI反馈 #

WinUIEx启动屏的OnLoadingAsync运行在后台线程，不能直接操作UI（比如弹出ContentDialog），需要切换回UI线程处理。如果预加载失败，直接在启动屏阶段提示用户，再决定退出或重试。

示例代码（你的SplashScreen子类中）：

protected override async Task OnLoadingAsync(CancellationToken cancellationToken)
{
    var preloader = new DataPreloader();
    try
    {
        // 执行预加载，将结果存到全局可访问位置（比如App类的静态属性）
        App.Current.HomePagePreloadedData = await preloader.LoadAndParseHomeDataAsync();
    }
    catch (Exception ex)
    {
        // 切换到UI线程显示错误弹窗
        await DispatcherQueue.EnqueueAsync(async () =>
        {
            var errorDialog = new ContentDialog
            {
                Title = "加载失败",
                Content = $"无法加载应用数据：{ex.Message}",
                CloseButtonText = "退出"
            };
            await errorDialog.ShowAsync();
            // 加载失败可选择退出应用，或添加重试逻辑
            Application.Current.Exit();
        });
    }
}

三、预实例化核心页面并缓存 #

如果页面存在复杂的UI初始化逻辑（不止数据加载），可以在启动屏阶段提前实例化页面并缓存。注意必须在UI线程执行实例化操作，避免跨线程异常。

示例：

// 在启动屏的OnLoadingAsync中，切换到UI线程执行
await DispatcherQueue.EnqueueAsync(() =>
{
    // 预实例化HomePageView并缓存到全局
    App.Current.CachedHomePage = new HomePageView();
    // 将预加载数据传递给页面，提前完成数据绑定
    App.Current.CachedHomePage.SetPreloadedData(App.Current.HomePagePreloadedData);
});

启动屏关闭后导航时，直接使用缓存好的页面：

// 示例：MainWindow的导航逻辑
if (App.Current.CachedHomePage != null)
{
    MainNavigationFrame.Navigate(App.Current.CachedHomePage);
}

四、调整页面加载逻辑 #

删除HomePageView原Loaded事件中的数据加载代码，改为直接使用预加载好的数据：

// HomePageView.xaml.cs
protected override void OnNavigatedTo(NavigationEventArgs e)
{
    base.OnNavigatedTo(e);
    // 直接使用全局缓存的预加载数据绑定UI
    if (App.Current.HomePagePreloadedData != null)
    {
        BindDataToControls(App.Current.HomePagePreloadedData);
    }
}

这样启动屏关闭后，页面无需再等待数据加载，可直接响应用户操作，大幅提升体验。

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