WPF 阴影效果答案

【问题标题】：WPF Shadow EffectsWPF 阴影效果
【发布时间】：2012-08-22 09:44:02
【问题描述】：

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

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

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

【问题讨论】：

我很确定您可以通过更改 wpf 实现的阴影效果的属性来获得结果 1。但如果不是，您仍然可以创建自定义效果。你可以在互联网上找到很多文章。 codeproject.com/Articles/71617/…
有什么问题，只需更改 Blurradius 和 Shadowdeph 即可获得结果
我玩弄了 DropShadow 的 Blurradius 和 ShadowDepth，但不幸的是无法让它工作。

标签： wpf xaml shadow

【解决方案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>

【讨论】：