WPF暗影效果

时间:2012-08-22 09:44:02

标签: wpf xaml shadow

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

enter image description here

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

enter image description here

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

1 个答案:

答案 0 :(得分:5)

你必须玩一下才能做到正确(Margin s等),但我会尝试在填充的矩形上使用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>