WPF如何让DropShadowEffect显示在所有控件上层且实现四周均匀投影

问题1：投影被下方/右侧控件遮挡的解决方法 #

遮挡的根本原因是WPF面板默认的渲染顺序：StackPanel中后添加的条目（下方的列表项）绘制层级高于先添加的条目，所以上方条目的底部投影会被后绘制的下方条目覆盖，可选择以下两种方案解决：

方案1：为条目预留投影空间（推荐，无层级冲突） #

给列表项的外层容器增加和投影模糊半径匹配的Margin，预留出投影的显示区域，就不会出现相邻条目互相遮挡的情况。修改你的ItemsControl代码，新增ItemContainerStyle配置：

<ItemsControl ItemsSource="{Binding ChildsVm}" >
    <!-- 新增条目容器样式 -->
    <ItemsControl.ItemContainerStyle>
        <Style TargetType="ContentPresenter">
            <!-- 边距数值和投影BlurRadius匹配，你当前BlurRadius为10，设置10即可保证投影完整显示 -->
            <Setter Property="Margin" Value="10"/>
        </Style>
    </ItemsControl.ItemContainerStyle>
    <!-- 你原有代码保持不变 -->
    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <ContentControl Content="{Binding}" ContentTemplateSelector="{StaticResource ConventionBasedDataTemplateSelector}" />
        </DataTemplate>
    </ItemsControl.ItemTemplate>
    <ItemsControl.ItemsPanel>
        <ItemsPanelTemplate>
            <StackPanel Orientation="Vertical"/>
        </ItemsPanelTemplate>
    </ItemsControl.ItemsPanel>
</ItemsControl>

方案2：高亮时动态提升条目的绘制层级 #

如果不想给所有条目预留额外空白，可以在条目触发高亮时，动态调整它的Z轴层级，让高亮条目绘制在所有其他条目上方，不会被遮挡：

<ItemsControl.ItemContainerStyle>
    <Style TargetType="ContentPresenter">
        <Style.Triggers>
            <DataTrigger Binding="{Binding IsHighlighted}" Value="True">
                <Setter Property="Panel.ZIndex" Value="999"/>
            </DataTrigger>
        </Style.Triggers>
    </Style>
</ItemsControl.ItemContainerStyle>

问题2：实现四周均匀投影的解决方法 #

你当前的投影有方向偏好是因为配置了Direction="270"属性，要实现无方向的均匀投影，只需要把ShadowDepth设为0，删除Direction配置即可：

<DropShadowEffect Color="White" BlurRadius="10" ShadowDepth="0" />

如果觉得投影显示效果不够明显，可以额外增加Opacity属性（取值范围0-1）调整显示强度。

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