UWP中如何将自定义SplitView添加至根元素且保留原有UI？

要让你的SplitView成为覆盖整个窗口的根元素同时保留原有UI，核心思路是将原有窗口根内容迁移到SplitView的Content区域，再把SplitView设为新的窗口根内容，具体步骤如下：

1. 先捕获当前窗口的原有根内容，避免丢失：

var originalRootContent = Window.Current.Content;

2. 初始化你的SplitView（保留你原有的配置）：

SplitView splitView = new SplitView();
splitView.Name = "FavoriteSplitView";
splitView.DisplayMode = SplitViewDisplayMode.Overlay;
splitView.IsPaneOpen = true;
splitView.OpenPaneLength = 300;
splitView.PanePlacement = SplitViewPanePlacement.Right;
splitView.CompactPaneLength = 0;

3. 将原有UI作为SplitView的主内容，同时设置自定义面板：

// 原有UI成为SplitView的主显示区域
splitView.Content = originalRootContent;
// 绑定你的自定义设置面板
splitView.Pane = new FavoriteControl();

4. 把SplitView设为窗口的新根内容：

Window.Current.Content = splitView;

关键说明 #

• 这种方式不会破坏原有应用的导航栈或UI状态，因为原来的根元素（通常是Frame）只是被嵌套到SplitView中，而非替换。
• 确保这段代码只执行一次（比如在App.xaml.cs的OnLaunched方法后期，或者首次打开设置面板时），避免重复替换导致UI异常。
• 如果需要动态控制面板的开合，直接操作splitView.IsPaneOpen即可，无需再调整根元素结构。

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