如何为 SplitView.Pane 添加投影

Posted 2023-04-12

【中文标题】如何为 SplitView.Pane 添加投影

【英文标题】：How to add a drop shadow for SplitView.Pane

【发布时间】：2017-09-09 17:49:42

【问题描述】：

如何为SplitView.Pane添加阴影？

我尝试了来自 UWP 社区工具包 UI 控件的 DropShadowPanel 并写了如下内容：

<SplitView DisplayMode="Overlay" PanePlacement="Right" Grid.Column="1" HorizontalAlignment="Stretch">
    <SplitView.Pane>
        <controls:DropShadowPanel>
            <Frame Name="DetailsFrame" />
        </controls:DropShadowPanel>
     </SplitView.Pane>
 </SplitView>

但是，阴影出现在窗格内，而我希望它在 SplitView.Pane 之外，将其包裹起来。 我该如何实施？谢谢！

【参考方案1】：

DropShadowPanel 控件允许为标记中的任何 Xaml FrameworkElement 创建投影效果。您可以控制投影效果的以下属性：偏移、颜色、不透明度和模糊半径。

我没有发现您设置了 DropShadowPanel 的属性。如果DropShadowPanel 的所有属性都是默认值，那么DropShadowPanel 将没有任何作用，因为除了。您可以通过以下代码创建DropShadowPanel。这是官方code sample，可以参考。

 <SplitView.Pane>
     <control:DropShadowPanel  BlurRadius="5" ShadowOpacity="0.5" Color="Black" OffsetX="10" OffsetY="10" VerticalAlignment="Center"
                       HorizontalAlignment="Center">
         <TextBlock Text="Pane"
        FontSize="24"
        VerticalAlignment="Center"
        HorizontalAlignment="Center" />
     </control:DropShadowPanel>
 </SplitView.Pane>