如何在WPF页面中隐藏导航栏

Question

我想在使用 WPF 创建的页面中隐藏导航栏。我已尝试 ShowsNavigationUI = false，但它仍然显示控件。

Answer 1

指定到页面Container，本意是没有导航栏，使用
NavigationUIVisibility 属性。

<Frame NavigationUIVisibility="Hidden" Panel.ZIndex="1" ... />

Answer 2

这是一个非常简单的实现。

<Frame x:Name="_FrameName" NavigationUIVisibility="Hidden" />

Answer 3

在 Page 上设置 ShowsNavigationUI=False 应该可以做到这一点。然而，似乎确实存在一个错误，该错误将导致至少在一系列事件中失败：

1. 设置此选项时，页面已经在 NavigationWindow 中
2. 页面被导航离开并再次返回

可能有我还没有遇到其他导致失败的情况。

为了使其完全可靠地工作，我所做的就是完全忽略 Page.ShowsNavigationUI 属性并将其设置在 NavigationWindow 上。这似乎是完全可靠的。

以下是如何在 Page 构造函数中完成此操作：

Dispatcher.BeginInvoke(ApplicationPriority.Render, new Action(() =>
{
  var navWindow = Window.GetWindow(this) as NavigationWindow;
  if(navWindow!=null) navWindow.ShowsNavigationUI = false;
}));

如果执行此操作，请记住不要在任何 Page 对象上设置 ShowsNavigationUI。

仅供参考，您还可以通过更改其 ControlTemplate 以任何您喜欢的方式重新设计您的 NavigationWindow。例如，这会删除除实际页面内容之外的所有内容：

  <Style TargetType="{x:Type NavigationWindow}">
    <Setter Property="Template">
      <Setter.Value>
        <ControlTemplate TargetType="{x:Type NavigationWindow}">

          <AdornerDecorator>
            <ContentPresenter Name="PART_NavWinCP" 
                              ClipToBounds="true"/>
          </AdornerDecorator>
          
        </ControlTemplate>
      </Setter.Value>
    </Setter>
  </Style>

Answer 4

如果您使用框架，则可以更改框架的默认样式以删除导航按钮（如下所示）。可以对导航窗口执行相同的方法。我最初尝试设置 Page.ShowsNavigationUI 但没有效果。只需将以下样式添加到 ResourceDictionary 即可正常工作。

<Style TargetType="{x:Type Frame}">
  <Setter Property="Control.Template">
    <Setter.Value>
      <ControlTemplate TargetType="{x:Type Frame}">
        <Border BorderThickness="{TemplateBinding Border.BorderThickness}" Padding="{TemplateBinding Control.Padding}" BorderBrush="{TemplateBinding Border.BorderBrush}" Background="{TemplateBinding Panel.Background}">
          <ContentPresenter Content="{TemplateBinding ContentControl.Content}" ContentTemplate="{TemplateBinding ContentControl.ContentTemplate}" ContentStringFormat="{TemplateBinding ContentControl.ContentStringFormat}" Name="PART_FrameCP" />
        </Border>
      </ControlTemplate>
    </Setter.Value>
  </Setter>
</Style>

Answer 5

我发现这个非常简单。在您的主窗口中，执行以下操作：

public MainWindow()
   public partial class MainWindow : NavigationWindow
    {
        public MainWindow()
        {
            InitializeComponent();

            ShowsNavigationUI = false;
        }
    }
}

如果您有一个单击按钮打开新页面的事件，只需执行以下操作：

private void btnEndUserSearch_Click(object sender, RoutedEventArgs e)
{
            EndUser EndUserSearchPage = new EndUser();
            this.NavigationService.Navigate(EndUserSearchPage);
            EndUserSearchPage.ShowsNavigationUI = false;
}

Answer 6

上面仅适用于导航窗口，但我使用的是普通的 WPF 窗口。有人说这些比导航窗口更好。我正在使用 DockPanel 来托管我的页面。我的解决方案为 DockPanel 创建一个新模板，并且只是不添加按钮或将它们隐藏（请参阅 StackPanel Visibility="Hidden"）。效果很好。

<DockPanel>    
    <Frame x:Name="_mainFrame">
    <Frame.Template>

        <ControlTemplate TargetType="Frame">
            <DockPanel Margin="7">
                <StackPanel Visibility="Hidden"
                    Margin="0"
                    Orientation="Horizontal"
                    DockPanel.Dock="Top"
                    >
                    <!--<Button
                        Content="Avast! Go back!" 
                        Command="{x:Static NavigationCommands.BrowseBack}" 
                        IsEnabled="{TemplateBinding CanGoBack}" 
                        />
                    <Button 
                        Content="Forward you dogs!" 
                        Command="{x:Static NavigationCommands.BrowseForward}" 
                        IsEnabled="{TemplateBinding CanGoForward}" 
                        />-->
                </StackPanel>

               <Border>
                    <ContentPresenter />
               </Border>
            </DockPanel>
        </ControlTemplate>

        </Frame.Template>
    </Frame>
</DockPanel>

Answer 7

最简单的方法之一是添加：
显示导航UI = false;
在你的cs文件构造函数中InitializeComponent();

Answer 8

对于初学者，您可以像这样简单地更改 MainWindow.xaml 中的代码。

    <Window>
       <Grid >
          <Frame x:Name="LeftFrame" NavigationUIVisibility="Hidden"/>
          <Frame x:Name="RightFrame" NavigationUIVisibility="Hidden"/>
       </Grid>
    </Window>

Answer 9

每当我动态更改 Frame 的 Content 属性时，我都会遇到此问题，并通过在 click() 事件中使用以下代码来解决它。

ContentFrame.NavigationUIVisibility = NavigationUIVisibility.Hidden;

其中 ContentFrame 是框架的名称，如 XAML 中所定义。 IE

<Frame x:Name="ContentFrame"  />

Answer 10

在 NavigationWindow 本身上，我使用 ShowsNavigationUI="False"