首页 > 解决方案 > Windows 模板工作室 - 自定义导航窗格

问题描述

我正在尝试自定义导航窗格的样式,但我发现很难访问与其相关的 UI 元素。基本上,我希望导航窗格的顶部具有某种颜色,这将是我们标题的延续。这就是我现在拥有的:

在此处输入图像描述

我需要能够更改后退按钮和汉堡菜单按钮区域的颜色,但我似乎无法像其余的 navigationViewItems 一样访问这些元素。

我怎样才能做到这一点?我正在使用带有代码隐藏设计模式的导航窗格项目类型。

谢谢。

标签: c#xamluwpwindows-template-studio

解决方案


您可以编辑 NavigationView 的模板以实现您的目标。转到“文档大纲 -> 右键单击​​您的导航视图控件 -> 编辑模板 -> 编辑副本”

例如,如果你想改变后退按钮的颜色,它应该在 'NavigationBackButtonNormalStyle' 中,如下所示:

<Style x:Key="NavigationBackButtonNormalStyle" TargetType="Button">
        <Setter Property="Background" Value="Red"/>
        <Setter Property="Foreground" Value="{ThemeResource SystemControlForegroundBaseHighBrush}"/>
        ....
 </Style>

您可以更改其背景、前景等。


推荐阅读