テンプレート10 HamburgerMenuとPageHeader背景色

Question

ライブプロパティエクスプローラを使用するLight/Darkテーマの選択に応じて、HamburgerMenuコントロールの背景色がDimGrayまたは＃FF2B2B2Bであることがわかりますが、これらの色はどこから値を継承しますか？

私はPageHeaderの背景色ではなく、（テンプレートでは、デフォルトでSteelBlueれる）CustomColorのためにそれらの同じ色を使用したいと思います。

Custom.xamlリソースディクショナリでは、ヘッダーの右側のセクションではほとんど効果がありますが、ハンバーガーヘッダーでは望みの効果がほとんどない「Light」リソースディクショナリのPageHeaderコントロールをターゲットにしたスタイルをコメントアウトするとします。

 <!--<Style TargetType="controls:PageHeader"> 
      <Setter Property="Background" Value="{ThemeResource CustomColorBrush}" /> 
      <Setter Property="Foreground" Value="{ThemeResource ContrastColorBrush}" /> 
     </Style>--> 

Answer 1

ナビゲーション領域の背景色は、継承されたが、Template10に、このような符号化されません。プロパティの名前はNavAreaBackgroundで、ソース内の定義はhereと表示されます。

あなたはこの色を変更したい場合は、

<ResourceDictionary.ThemeDictionaries> 
    <ResourceDictionary x:Key="Light"> 
     <Style TargetType="controls:HamburgerMenu" x:Key="HamburgerMenuStyle"> 
      <Setter Property="NavAreaBackground" 
        Value="#FFFFFF" /> 
     </Style> 
    </ResourceDictionary> 
    <ResourceDictionary x:Key="Default"> 
     <Style TargetType="controls:HamburgerMenu" x:Key="HamburgerMenuStyle"> 
      <Setter Property="NavAreaBackground" 
        Value="#000000" /> 
     </Style> 
    </ResourceDictionary> 
</ResourceDictionary.ThemeDictionaries> 

のようなスタイル定義の何かのために行くし、その後Style="{ThemeResource HamburgerMenuStyle}"であなたのHamburgerMenuでスタイルを参照することができます。

スチールブルーの色は、ハンバーガーメニュー（definition of the header in the source）のHamburgerBackgroundのものです。あなたは上に示したのと同じ方法で色を上書きすることができます。

そして、あなたはすでに色を適用する方法のコードを掲載PageHeaderに同じ。今度はHamburgerBackgroundのために定義したのと同じ色を使用してください。

クイックメモ：他のスタイルプロパティも自分のスタイルで定義されていない場合、NavAreaBackgroundが適用されなかったバグがありました。これがまだ当てはまるかどうかはわかりません。