---
# System prepended metadata

title: UWP NavigationView メニュー部分の透過（Windows.UI.Xaml.Controls）　2021-04-23
tags: [Windows.UI.Xaml.Controls, UWP, NavigationView]

---

---
lang: ja-jp
breaks: true
---
# UWP NavigationView メニュー部分の透過（Windows.UI.Xaml.Controls）　2021-04-23

自分で作成したNavigationViewのサンプルアプリは、左側にあるメニュー部分の背景が透過されていない。

しかし、Windows Server 2019の設定画面は透過されている。
![](https://i.imgur.com/zmverPd.png)

どうにかして透過したいので、いろいろ調べたがわからず。。。

ついに、透過されたサンプルを見つけた。
以下、その調査のメモ。

> microsoft/BuildCast
> https://github.com/Microsoft/BuildCast

![](https://i.imgur.com/FwPxVsB.jpg)

> NavigationView
> https://docs.microsoft.com/ja-jp/windows/uwp/design/controls-and-patterns/navigationview

## プログラムのソースを見てみる

### NuGet
* Autofac 4.6.1
* Microsoft.EntityFrameworkCore.Sqlite 2.0.0
* Microsoft.EntityFrameworkCore.Tools 2.0.0
* Microsoft.NETCore.UniversalWindowsPlatform 6.0.1
* Microsoft.Toolkit.Uwp.Notifications 2.1.0
* Microsoft.Toolkit.Uwp.UI 2.1.0
* Microsoft.Toolkit.Uwp.UI.Animations 2.1.0
* Microsoft.Toolkit.Uwp.UI.Controls 2.1.0
* StyleCop.Analyzers 1.1.0-beta004
* UWPAudioVisualizer 0.1.96
* Win2D.uwp 1.21.0

## 結果が判明！！

### 透過されない場合
![](https://i.imgur.com/4IaYXm5.png)
![](https://i.imgur.com/YHqHHDI.png)

### 透過される場合
![](https://i.imgur.com/yq4KVxj.png)
![](https://i.imgur.com/JFCmiOh.png)

なんと、ただ単にターゲットとしているWindows10のバージョンが違うだけ。。。

###### tags: `UWP` `NavigationView` `Windows.UI.Xaml.Controls`
