NavigationView窗格背景

Question

如何更改NavigationView窗格背景？

我正在尝试这种方式:

<NavigationView.Background>
   <LinearGradientBrush EndPoint="0.5,0" StartPoint="0.5,1">
      <GradientStop Color="#b1c899" Offset="0"/>
      <GradientStop Color="#18c1b9" Offset="1"/>
   </LinearGradientBrush>
</NavigationView.Background>

但它似乎有" acrylic我无法删除,以及改变背景颜色Header.

Answer 1

自定义UI的可能选项之一是覆盖以下两个主题资源：NavigationViewDefaultPaneBackground和NavigationViewExpandedPaneBackground。

通常，您可以通过以下两种方式覆盖这两种资源，以自定义“丙烯酸笔刷”的外观：

<AcrylicBrush x:Key="NavigationViewDefaultPaneBackground"
              BackgroundSource="Backdrop" TintColor="Blue" TintOpacity=".6"/>

我认为可以简单地定义一个AcrylicBrushSolidColorBrush而不是AcrylicBrush，从而将Acrylic背景更改为纯色，并从NavigationView窗格中完全删除丙烯酸。

<SolidColorBrush x:Key="NavigationViewExpandedPaneBackground" Color="Red"/>
<SolidColorBrush x:Key="NavigationViewDefaultPaneBackground" Color="Red" />