通用 Windows 应用布局页面

Question

我正在开始一个新的通用 windows 应用程序项目。通常我做网络开发人员，但被要求做一个通用 Windows 应用程序。

我现在开始有所作为，一直在使用 MVVM Light 并设置了几个视图。

无论如何这是我的问题，有没有办法让我拥有一个 "Layout" 页面，类似于我想要的 ASP.NET MVC？

例如，我的应用程序中有 xaml 主页面，该页面中的根控件是一个 SplitView。我拥有它，因此当我单击拆分视图窗格中的按钮时，它会将我带到该按钮的正确 xaml 视图。问题是此页面没有拆分视图，所以我不再有任何导航。

我真的不需要在每个视图中都复制我的菜单吗？我想我错过了一些非常明显的东西。

谢谢，

Answer 1

Splitview 的工作方式是包含拆分视图的页面将始终处于活动状态（我通常称此页面为 shell.xaml）

在这里您可以放置您的汉堡包菜单并添加其他应始终可见的内容。然后在子页面所在的 splitview 中创建一个框架。处理导航应该只使用这个框架而不是主页进行导航。

这是一个可以更好地解释这一点的工作示例： https://code.msdn.microsoft.com/Sample-splitview-with-edcc2ca9

Answer 2

我想你需要这样的东西。您必须将页面导航到 SplitView 内容中的框架，而不是默认应用程序的框架。

<SplitView>
    <SplitView.Pane>
        Your menu
    </SplitView.Pane>
    <SplitView.Content>
        <Frame Name="ContentFrame" />
    </SplitView.Content>
</SplitView>

然后在代码隐藏中设置你想要的默认页面

public MainPage()
{ 
    this.InitializeComponent();
    ContentFrame.Navigate(typeof(Homepage));
}

通用 Windows 应用布局页面

Universal Windows App layout page

xaml

mvvm-light

win-universal-app