wpf - 如何在透明矩形上绘制阴影？

Question

当我向矩形添加投影位图效果时，投影会考虑矩形的透明度(有意义)。有没有办法在透明矩形上渲染阴影，“好像”矩形是不透明的？即会出现一个矩形的“洞”，带有阴影。

这是带有阴影的透明矩形的 XAML - 没有显示任何内容:

<Rectangle Fill="Transparent" Margin="10" Width="100" Height="100">
  <Rectangle.BitmapEffect>
    <DropShadowBitmapEffect/>
  </Rectangle.BitmapEffect>
</Rectangle>

Answer 1

将其放入 Kaxaml。它使用 SystemDropShadowChrome 装饰器创建一个大小为 500x500 的透明矩形。投影的剪辑设置为排除矩形区域。

<Page xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:theme="clr-namespace:Microsoft.Windows.Themes;assembly=PresentationFramework.Aero"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <Canvas>
        <theme:SystemDropShadowChrome Margin="0,0,5,5">
            <Rectangle Width="500" Height="500" Fill="transparent"/>
            <theme:SystemDropShadowChrome.Clip>
                <CombinedGeometry GeometryCombineMode="Exclude">
                    <CombinedGeometry.Geometry1>
                        <RectangleGeometry Rect="0,0,505,505"/>
                    </CombinedGeometry.Geometry1>
                    <CombinedGeometry.Geometry2>
                        <RectangleGeometry Rect="0,0,500,500"/>
                    </CombinedGeometry.Geometry2>
                </CombinedGeometry>
            </theme:SystemDropShadowChrome.Clip>
        </theme:SystemDropShadowChrome>
    </Canvas>
</Page>

如果您希望投影具有圆角，请设置 CornerRadius的 SystemDropShadowChrome随便(假设 10)，然后 Geometry1的 Left和 Top值为 10，然后是 RadiusX和 RadiusY每个 RectangleGeometry到 10。