WPF中如何显示Line的DropShadowEffect但隐藏Line元素本身？

要实现“不显示Line本身但保留其DropShadowEffect”的效果，核心是让Line拥有可见的形状轮廓供Effect计算，同时通过OpacityMask将Line的描边内容遮罩隐藏，这样Effect会基于Line的原始形状渲染，而Line本身不会显示。

XAML 代码示例 #

<Grid>
    <!-- 阴影层：线条本身被遮罩隐藏，仅显示阴影 -->
    <Line X1="50" Y1="50" X2="200" Y2="200"
          Stroke="Black" StrokeThickness="3">
        <Line.Effect>
            <DropShadowEffect BlurRadius="12" 
                              Color="#66000000" 
                              ShadowDepth="8"
                              Direction="315"/>
        </Line.Effect>
        <Line.OpacityMask>
            <SolidColorBrush Color="Transparent"/>
        </Line.OpacityMask>
    </Line>

    <!-- 实际显示的线条：无阴影，叠加在阴影上方 -->
    <Line X1="50" Y1="50" X2="200" Y2="200"
          Stroke="#FF0066CC" StrokeThickness="3"/>
</Grid>

C# 后台代码示例 #

如果需要在代码中动态创建线条和阴影：

using System.Windows;
using System.Windows.Media;
using System.Windows.Shapes;

public partial class MainWindow : Window
{
    public MainWindow()
    {
        InitializeComponent();

        // 创建阴影线条
        var shadowLine = new Line
        {
            X1 = 50, Y1 = 50, X2 = 200, Y2 = 200,
            Stroke = Brushes.Black,
            StrokeThickness = 3,
            // 设置阴影效果
            Effect = new DropShadowEffect
            {
                BlurRadius = 12,
                Color = Color.FromRgb(0, 0, 0) { A = 102 }, // 半透明黑色
                ShadowDepth = 8,
                Direction = 315
            }
        };
        // 遮罩线条本身，使其不可见
        shadowLine.OpacityMask = new SolidColorBrush(Colors.Transparent);

        // 创建实际显示的线条
        var visibleLine = new Line
        {
            X1 = 50, Y1 = 50, X2 = 200, Y2 = 200,
            Stroke = new SolidColorBrush(Color.FromRgb(0, 102, 204)),
            StrokeThickness = 3
        };

        // 将阴影线条先加入Grid（位于底层），再加入实际线条
        var containerGrid = new Grid();
        containerGrid.Children.Add(shadowLine);
        containerGrid.Children.Add(visibleLine);

        this.Content = containerGrid;
    }
}

原理说明 #

• WPF的DropShadowEffect需要元素有可见的像素内容才能渲染阴影，直接设置Stroke="Transparent"或StrokeThickness="0"会导致元素无可见像素，因此阴影不显示。
• OpacityMask会遮罩元素的内容，但不会影响Effect的计算——Effect是基于元素的原始形状（而非遮罩后的内容）生成的，因此阴影会正常显示，而Line本身被遮罩隐藏。

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