如何为SplitView.Pane添加投影

时间:2017-04-13 14:33:42

标签: c# xaml uwp dropshadow windows-community-toolkit

如何为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

然而,阴影出现在窗格内部,而我希望它在{ "pattern": "pom.xml", "target": "REPOSITORY/com/x/y/z/common/2.3.0-RELEASE/common-2.3.0-RELEASE.pom" } 之外,包裹它。 我该如何实现呢?谢谢!

1 个答案:

答案 0 :(得分:1)

  

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>