从与其主机不同的页面访问 SplitView 控件 - C# XAML Windows 10 UWP

Question

Pre-warning，我是 C# 和 XAML 的新手，但我真的很喜欢 Windows 10 个 UWP 应用程序。我有一个关于如何正确处理 SplitView 的问题。

我有一个主页，其中有一个 SplitView 控件。在 SplitView 内容中，我添加了一个用于导航到其他页面的框架。我想在 child 页面上添加 Hamburger 按钮以在主页上打开 SplitView，但我无法从 child 页面访问 SplitView 控件。如何使 SplitView 控件可访问，以便 sub-page 中的汉堡包按钮可以打开 SplitView 窗格？

另一种方法是在主页中添加一个 header 并在那里有一个静态汉堡包按钮，但我不喜欢这个选项，因为它使处理文本 header 内容更加困难.另一种是将 SplitView 复制到每个页面。我也不想这样做。

任何建议都会很棒！谢谢。

Answer 1

我强烈建议您选择在主页中包含汉堡包按钮的备选方案。用户总是希望它每次都在同一个位置，改变这种方法可能会导致糟糕的用户体验。

您也不想重复代码，因此您不想在每个页面上重新创建按钮以及 open/close 命令等任何其他功能。

与其将元素从一个页面引用到另一个页面，更好的做法是保持松耦合。这可以通过一个信使插件来完成，该插件将一个事件从一个页面发送到另一个页面，该事件可以向它提供有关您想要做什么的说明。这样其他页面只需要监听事件而不是持有强引用。要简化此过程中的某些过程，您可以继承实现 Messenger 功能的基础 class。

这将为您的按钮和 header 文本情况提供解决方案，但设置它们超出了本问题的范围。根据您应用程序的大小和您的目标，您可能希望研究有助于设计可维护应用程序的现有框架。我推荐检查的一个好的 Mvvm 框架是 MvvmCross which also cross platform and contains a messenger plugin。

祝你的应用程序好运。

Answer 2

如上所述，出于几个原因，最好将汉堡包按钮保留在主页中。一是上面提到的一致性。其次，您必须在每个内容页面中重新创建汉堡包按钮，而不是只在 MainPage.xaml 中创建一次。此外，请记住，在弹出和弹出方式以及显示方式方面，与 SplitView 菜单的交互方式多种多样，如下所列。

内联 – 打开菜单窗格时，它会将内容推到上方。关闭后，内容回到原来的位置

Overlay – 打开菜单窗格时，它位于内容之上。当它关闭时，它是不可见的。

Compact Overlay – 打开菜单窗格时，它位于内容之上。当它关闭时，该窗格在紧凑模式下仍然可见。

Compact Inline – 打开菜单窗格时，它会将内容推过去。当它关闭时，内容会回到原来的位置，但窗格在紧凑模式下仍然可见。

您还可以在此处查看 SplitView 的快速介绍。 http://jamesqquick.com/windows-10-splitview-intro/

Answer 3

我找到了解决方案：

在 MainPage 的 SplitView 窗格按钮方法中，添加一个 SplitView 引用作为 Navigate() 中的参数：

private void SlitViewPaneButton_Tapped(object sender, TappedRoutedEventArgs e)
    {
        var frame = contentFrame;
        Page page = frame?.Content as Page;
        if (page?.GetType() != typeof(ChildPage))
        {              
            frame.Navigate(typeof(ChildPage), SplitViewName);
        }
    }

在你的 ChildPage.xaml.cs 中：

protected override void OnNavigatedTo(NavigationEventArgs e)
    {
         SplitView sv = new SplitView();
         sv = e.Parameter as NavigateControls;
    }

您现在可以在您的 ChildFrame 代码中执行 sv.IsPaneOpen = false。

注意：如果要传递多个控件，请创建一个 Class 以这些控件为变量，并使用一个实例作为参数。

从与其主机不同的页面访问 SplitView 控件 - C# XAML Windows 10 UWP

Accessing SplitView control from a different page than it's host - C# XAML Windows 10 UWP

c#

windows

xaml

splitview

uwp