UWP:在XAML中创建阴影

Question

我目前正在尝试在UWP中创建一个带有两个椭圆元素的圆形按钮,并希望其中一个按钮以某个角度投射阴影.我找到了一种在WPF中这样做的方法,如下所示:

WPF XAML:

<Ellipse>
  <Ellipse.BitmapEffect>
    <DropShadowBitmapEffect Color="Black" Direction="-50" ShadowDepth="50" Softness=".7"/>
  </Ellipse.BitmapEffect>
</Ellipse>

UWP中的等价物是什么？

Answer 1

最简单的方法是使用DropShadowPanel从UWP社区工具包.

所以首先安装

安装包Microsoft.Toolkit.Uwp.UI.Controls -Version 2.0.0

然后在XAML中使用以下代码

<controls:DropShadowPanel Color="Black"
                          OffsetX="-50"
                          OffsetY="-50"
                          BlurRadius="50"
                          ShadowOpacity=".7"
                          Width="120"
                          Height="120"
                          HorizontalContentAlignment="Stretch"
                          VerticalContentAlignment="Stretch">
    <Ellipse />
</controls:DropShadowPanel>