Changing UWP project's Target Version from 1803 to 1809 disables NavigationView's Acrylic texture - why?

Question

I have an UWP project which I started to build using Target Version 1803. When I upgraded the solution to use Target Version 1809 my NavigationView's behaviour changed and the acrylic effect was gone.

As an illustration, this is what it looked like before:

And this is what it looks like now:

Why does this happen? I wouldn't believe this is to match some design guidelines since Microsoft themselves still use the acrylic effect in NavigationViews in many native UWP programs. I would also like to know if there's a way to "bring back" the acrylic to a NavigationView in a program using Target Version 1809.

Nico Zhu · Accepted Answer · 2018-12-27T08:42:38.517

4

In latest version 17763, The value of NavigationViewExpandedPaneBackground change to SolidColorBrush. The following is the different between version 17134 and 17763.

17134

<StaticResource x:Key="NavigationViewExpandedPaneBackground" ResourceKey="SystemControlChromeMediumLowAcrylicWindowMediumBrush" />

17763

<SolidColorBrush x:Key="NavigationViewExpandedPaneBackground" Color="{StaticResource SystemChromeMediumColor}" />

If you want to implement acrylic effect, you could add the first StaticResource in your page resource like the following

<Page.Resources>
    <StaticResource  x:Key="NavigationViewExpandedPaneBackground"
                     ResourceKey="SystemControlChromeMediumLowAcrylicWindowMediumBrush"/>
</Page.Resources>

edited Dec 27 '18 at 08:42

answered Dec 27 '18 at 07:05

Nico Zhu

32,367
2
15
36

Where should I look to to keep track of these changes? – Washington A. Ramos Dec 27 '18 at 17:20
The style stored in the `generic.xaml` file. – Nico Zhu Jan 08 '19 at 06:53
1

@NicoZhu-MSFT the `StaticResource` code above doesn't seem to work with Dark and Light theming. It always stays with the Dark `AcrylicBrush` I've defined when I toggle between app's Light or Dark. – Carlo Mendoza Mar 04 '19 at 05:47
hi @CarloMendoza, Could you create a new thread with reproduce steps and let me know, if it is bug, I will report it. – Nico Zhu Mar 04 '19 at 05:53
@NicoZhu-MSFT: done: https://stackoverflow.com/questions/54977512/fluent-acrylicbrush-does-not-switch-between-light-dark-theme-etc-uwp – Carlo Mendoza Mar 04 '19 at 06:12
Yep, I got it. I will check. – Nico Zhu Mar 04 '19 at 06:28

Changing UWP project's Target Version from 1803 to 1809 disables NavigationView's Acrylic texture - why?

1 Answers1

Linked