如何给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添加阴影

回答

相关问题