如何給SplitView.Pane添加陰影

如何爲SplitView.Pane添加陰影？如何給SplitView.Pane添加陰影

我試圖DropShadowPanel從UWP社區工具包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，加以包裝。我該如何實現？謝謝！

來源

2017-04-13 Zenas Chen

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

我沒有發現你已經設置了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>

來源

2017-04-17 03:03:41

如何給SplitView.Pane添加陰影

回答

相關問題