如何为 SplitView.Pane 添加阴影

Question

如何为 SplitView.Pane 添加阴影？

我尝试了 DropShadowPanel 来自 UWP Community Toolkit UI 控件并编写了如下内容：

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

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

Answer 1

The DropShadowPanel Control allows the creation of a drop shadow effect for any Xaml FrameworkElement in the markup. You can control the following property of the drop shadow effect : Offset, Color, Opactity and Blur Radius.

我没有发现您设置了 DropShadowPanel 的属性。如果DropShadowPanel的属性都是默认值，那么DropShadowPanel将没有任何效果，except。您可以通过以下代码创建 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>

如何为 SplitView.Pane 添加阴影

How to add a drop shadow for SplitView.Pane

c#

xaml

uwp

dropshadow

windows-community-toolkit