汉堡包按钮与 SplitView 窗格重叠

Hamburger button overlaps SplitView pane

我需要有关实施 XAML Navigation menu sample 的帮助。

在我写的代码中,汉堡包按钮与 SplitView 窗格重叠。

PS 注意:为了保持应用简单。我使用了一个简单的 ListView(而不是键盘支持示例中所示的自定义 ListView)。

Demo Image

标题栏后退按钮的代码:

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;
            };
    }

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

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