理解 UWP 视图的概念，让 UWP 应用显示多个窗口（多视图）

原文理解 UWP 视图的概念，让 UWP 应用显示多个窗口（多视图）

UWP 应用多是一个窗口完成所有业务的，事实上我也推荐使用这种单一窗口的方式。不过，总有一些特别的情况下我们需要用到不止一个窗口，那么 UWP 中如何使用多窗口呢？

本文内容

为什么 UWP 需要多窗口？

多窗口在传统 Win32 的开发当中是司空见惯的事儿了，不过我个人非常不喜欢，因为 Windows 系统上的多窗口太多坑。以下是我以前写的关于传统多窗口开发中的一些坑（除此之外还有更多）：

使用多窗口的原因很简单 —— 允许用户多任务处理。从这个角度来说，传统 Win32 使用“模态”多窗口的方式简直是低效的同时还带来 Bug！

微软官方文档中列举了一些例子：例如一边写邮件一边参考以往的邮件；一边看正在播放的音乐一边浏览播放列表；一次性打开多份文章然后稍后一起阅读等。

UWP 视图的概念

在学习如何编写 UWP 多窗口之前，我们需要了解一些 UWP 视图（View）的概念。

在 CoreApplication/Application、CoreWindow/Window 之间的区别一文中，我描述了 UWP 视图的一些概念：

CoreApplication 管理一个 UWP 应用中的所有视图（View），而 CoreApplication直接管理的视图是 CoreApplicationView；也就是说，UWP 应用 CoreApplication管理所有的应用视图 CoreApplicationView。而一个 CoreApplicationView 包含一个窗口和一个线程调度模型，即 CoreWindow 和 CoreDispatcher。

CoreWindow 就是我们所理解的窗口。为了方便使用，Windows.UI.XAML.Window 类型封装了这个 CoreWindow。CoreDispatcher 是基于消息循环的线程调度模型，正是因为有了消息循环，所以此窗口才能一直显示而不被销毁。

在为了理解 UWP 的启动流程，我从零开始创建了一个 UWP 程序一文中，我们也能体会到 CoreApplication 和 CoreWindow 之间的关系，了解消息循环在应用中的作用。

UWP 多窗口

在了解到 UWP 视图的概念之后，严格意义上说，这一节的标题应该叫做 “UWP 多视图”。

我画了一个思维导图来描述它们之间的关系。CoreApplication 有静态方法 CreateNewView，调用后能够创建新的 CoreApplicationView，这包含一个完整的 CoreWindow 和 CoreDispatcher。

创建并显示一个新 CoreApplicationView 的代码如下：

private async void OnLoaded(object sender, RoutedEventArgs e)

{

    // 创建一个 CoreApplicationView，即新的应用视图。

    var applicationView = CoreApplication.CreateNewView();

    // 一个应用视图有自己的 Id，稍后我们创建应用视图的时候，需要记录这个 Id。

    int newViewId = 0;

    // 使用新应用视图的 CoreDispatcher 线程调度模型来执行新视图中的操作。

    await applicationView.Dispatcher.RunAsync(CoreDispatcherPriority.Normal, () =>

    {

        // 在新的应用视图中，我们将新的窗口内容设置为 ThePageInNewView 页面。

        Frame frame = new Frame();

        frame.Navigate(typeof(ThePageInNewView), null);

        Window.Current.Content = frame;

        Window.Current.Activate();

        // 记录新应用视图的 Id，这样才能稍后切换。

        newViewId = ApplicationView.GetForCurrentView().Id;

    });

    // 使用刚刚记录的新应用视图 Id 显示新的应用视图。

    var viewShown = await ApplicationViewSwitcher.TryShowAsStandaloneAsync(newViewId);

}

创建完后的效果如下图：

管理多个 UWP 视图

我们平时开发 UWP 应用的时候很少去关心 CoreApplicationView，因为默认情况下 UWP 能为我们做很多管理应用视图的工作。

CoreApplication 有一个 MainView 属性，即我们一开始运行 UWP 应用时的那个应用视图。如果我们有不止一个应用视图显示出来，那么这时点击主窗口的关闭按钮将不再是关闭，而是隐藏。如果要关闭，需要调用 Application.Exit。

CoreApplication 有 Views 属性储存所有的 CoreApplicationView，我们可以使用此集合来管理多个视图。使用 ApplicationViewSwitcher.SwitchAsync 并传入视图 Id 可以切换视图的显示。

await ApplicationViewSwitcher.SwitchAsync(viewIdToShow);

参考资料

Show multiple views for an app - UWP app developer - Microsoft Docs

本文会经常更新，请阅读原文： https://walterlv.com/post/show-multiple-views-for-an-uwp-app.html，以避免陈旧错误知识的误导，同时有更好的阅读体验。