WPF - 如何对裁剪后的图像应用效果？

Question

我有一个 Image 被裁剪成这样:

<Image Width="45" Grid.Column="0" Source="{Binding Photo}">
    <Image.Clip>
        <RectangleGeometry Rect="0,0,45,55" RadiusX="8" RadiusY="8" />
    </Image.Clip>
</Image>

如何对其应用投影效果？

更新:
正如 Ray 所指出的，最好的解决方案是 Anderson 提出的解决方案 - 具有环绕边框。谢谢安德森。

Answer 1

这将为您解决问题:

<Border>
  <Border.Effect>
    <DropShadowEffect />
  </Border.Effect>
  <Image Stretch="None" Source="{Binding Photo}" >
    <Image.Clip>
      <RectangleGeometry Rect="0,0,45,55" RadiusX="8" RadiusY="8"/>
    </Image.Clip>
  </Image>
</Border>

这当然是您最初的想法，只是将 DropShadowEffect 应用于环绕边框。由于位图效果的工作方式，它们仅适用于所包含内容的可见部分。