汉堡按钮与 SplitView 窗格重叠答案

【问题标题】：Hamburger button overlaps SplitView pane汉堡按钮与 SplitView 窗格重叠
【发布时间】：2015-11-24 05:16:14
【问题描述】：

在我编写的代码中，Hamburger 按钮与 SplitView 窗格重叠。

PS 注意：为了让应用程序简单。我使用了一个简单的 ListView（而不是自定义的 ListView，如键盘支持示例中所示）。

标题栏后退按钮代码：

private void backButtonLogic()   //Method related to back button
    {
        //Make titlebar's back button visible
        SystemNavigationManager.GetForCurrentView().AppViewBackButtonVisibility = 
            AppViewBackButtonVisibility.Visible;

        //Back button handler 
        SystemNavigationManager.GetForCurrentView().BackRequested += (s,e) => 
        {
            bool handled = e.Handled;

            if (AppFrame.CanGoBack && !handled)
            {
                handled = true;
                AppFrame.GoBack();
            }

            e.Handled = handled;
        };

        //Mobile hardware back button handler
        if (ApiInformation.IsTypePresent("Windows.Phone.UI.Input.HardwareButtons"))
            Windows.Phone.UI.Input.HardwareButtons.BackPressed += (s, e) =>
            {
                bool handled = e.Handled;

                if (AppFrame.CanGoBack && !handled)
                {
                    handled = true;
                    AppFrame.GoBack();
                }

                e.Handled = handled;
            };
    }

【问题讨论】：

如果你在SplitView.Pane中放了一个ListView，效果也很好，我注意到你在TitleBar上添加了一个后退按钮，你能给我们看一些sn-ps的代码吗？跨度>
@Franklin Chen 是的，当然。我在窗格中使用了一个简单的 ListView。您对如何防止汉堡包和窗格重叠有一些想法？
这个方法可以从 AppShell 的构造函数中调用。 AppFrame 是放置在 SplitView 的 Content 属性中的框架
@JeffreyChen：请尝试进行更全面的编辑，这实际上是值得的。见How do I make a good edit?
@Deduplicator，感谢您的建议。

标签： c# winrt-xaml win-universal-app windows-10 splitview

【解决方案1】：

在“XAMLNavigation”示例中，汉堡按钮（称为 TogglePaneButton）在 SplitView 元素之外声明。这就是为什么 SplitView.Pane 中的自定义 ListView 的边距为“0,48,0,0”，因此它们不会重叠。

我认为更改 ListView 的上边距应该可以解决您的问题。希望这可以帮助。

【讨论】：