C# WPF控件容器外绘制问题：矩形替代阴影无法显示

我之前也踩过这个坑！用Rectangle替代DropShadow来优化性能确实是个好思路，但默认情况下WPF容器会把超出自身边界的子元素给裁剪掉，这就是你看不到完整阴影的原因。下面给你几个可行的解决方案：

核心解决思路：关闭容器的裁剪功能 #

WPF的布局容器（比如Grid、Viewbox）默认会设置ClipToBounds="True"，这会强制裁剪所有超出容器边界的内容。你只需要给承载Rectangle的父容器加上ClipToBounds="False"就能让阴影显示出来。

修改后的XAML示例 #

<!-- Window -->
<Viewbox x:Name="viewboxDC" ClipToBounds="False">
    <Grid ClipToBounds="False">
        <!-- Shadow：现在可以超出Grid边界绘制了 -->
        <Rectangle Panel.ZIndex="-1" Margin="0,0,-12,-12" Width="1282" Height="722" Fill="#7F000000" />
        <Border x:Name="BorderWindowSize" BorderBrush="Black" BorderThickness="1" Background="White" Width="1282" Height="722">
            <Canvas>
                <!-- 你的内容区域 -->
            </Canvas>
        </Border>
    </Grid>
</Viewbox>

关键修改点说明 #

• 给Viewbox和Grid都设置ClipToBounds="False"：因为Viewbox作为最外层容器，如果它裁剪的话，即使Grid允许超出，最终还是会被Viewbox剪掉。
• 保持Panel.ZIndex="-1"：确保Rectangle始终在Border的下方，不会遮挡主体内容。

额外优化建议 #

• 避免固定尺寸：如果你的界面需要适配不同大小，建议用相对布局（比如Margin结合HorizontalAlignment/VerticalAlignment）代替固定的Width和Height，这样阴影能自动跟随主体元素的尺寸变化。
• 调整阴影偏移：如果原来的Margin="0,0,-12,-12"让阴影位置不对，可以改成Margin="12,12,0,0"让阴影在主体的右下方向（根据你的视觉需求调整），同时把Rectangle的尺寸设为比Border大24像素（比如Width="1306"，Height="744"），这样阴影会完整包裹Border的右下侧。
• 性能兜底：如果之后又遇到性能问题，可以给Rectangle设置CacheMode="BitmapCache"，让WPF缓存阴影的渲染结果，减少重复绘制开销。

内容的提问来源于stack exchange，提问作者Miro