wpf - WPF 阴影效果

Question

我正在尝试通过代码复制设计师制作的屏幕，但我遇到了他们在设计中包含的阴影效果的问题。这是他们实现的阴影效果：

我已经尝试在 XAML 中使用投影 - 但它似乎不适合我的要求。由于设计师的阴影看起来更像是在对象上有垂直光，而投影看起来更像是对象从屏幕中弹出。

有没有办法通过WPF实现第一个阴影效果？

Answer 1

你必须玩一点才能让它正确（Margins等），但我会尝试BlurEffect在填充的矩形上使用 a 来模拟阴影：

<Grid>

  <!-- shadow -->
  <Rectangle HorizontalAlignment="Stretch" VerticalAlignment="Bottom" 
    Height="..." Fill="#77000000" ... >
    <Rectangle.Effect>
      <BlurEffect ... />
    </Rectangle.Effect>
  </Rectangle>

  <!-- white border on top of shadow -->
  <Border Background="#ffffff" ... >
    <!-- other controls -->
  </Border>

</Grid>