首页 > 解决方案 > UWP如何获得内容窗格投影的NavigationView内阴影?

问题描述

查看https://docs.microsoft.com/en-us/windows/uwp/design/controls-and-patterns/navigationview上的 UWP 导航视图文档,我看到多个示例,其中 NavigationView 在右侧有内部阴影侧,由内容框架投影(见下图)。

有没有办法重现这种风格?通过尝试文档和项目示例中可用的 NavigationView 示例,我得到了一些不同的东西,其中左侧窗格是在右侧投影阴影的窗格(当导航视图打开时),这是完全相反的。

在此处输入图像描述

在此处输入图像描述

在此处输入图像描述

标签: windowsxamluwpuwp-xaml

解决方案


现在可以 https://docs.microsoft.com/en-us/windows/uwp/design/layout/depth-shadow

<Grid>
   <Grid x:Name="Sidebar" Background="{ThemeResource SystemControlAcrylicWindowBrush}" />

   <Frame x:Name="Frame" Translation="0,0,10">
      <Windows10version1903:Frame.Shadow>
          <ThemeShadow x:Name="Shadow"/>
      </Windows10version1903:Frame.Shadow>
   </Frame>
</Grid>
Shadow.Receivers.Add(Sidebar);

推荐阅读