WPF 阴影效果

Question

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

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

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

Answer 1

您必须花点时间才能正确处理(边距等)，但我会尝试在填充的矩形上使用 BlurEffect 来模拟阴影:

<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>