如何為SplitView.Pane添加陰影

Question

如何為SplitView.Pane添加陰影？

我嘗試了UWP Community Toolkit 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外部，並將其包裹起來。 我該如何實施？ 謝謝！

Answer 1

DropShadowPanel控件允許為標記中的任何Xaml FrameworkElement創建陰影效果。 您可以控制投影效果的以下屬性：偏移，顏色，透明度和模糊半徑。

我沒有發現您已經設置了DropShadowPanel屬性。 如果DropShadowPanel所有屬性均為默認值，則DropShadowPanel無效。 您可以通過以下代碼創建DropShadowPanel 。 這是您可以參考的官方代碼示例 。

 <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>