WPF暗影效果

Question

我试图通过代码复制由设计师制作的屏幕,但我遇到了它们已包含在设计中的阴影效果.这是他们实施的阴影效果:

我在XAML中使用投影尝试了这个 - 但它似乎不符合我的要求.由于设计师的阴影看起来更像是物体上有垂直光,投影看起来更像是物体从屏幕弹出.

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

Answer 1

你必须玩一下才能正确(Margins等),但我会尝试使用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>