按钮上的UWPCommunityToolkit DropShadowPanel

Question

我试图在UWP应用程序的按钮上应用阴影效果。

我正在使用UWPCommunityToolkit工具和控件DropShadowPanel。这是一个例子：

http://www.uwpcommunitytoolkit.com/en/master/controls/DropShadowPanel/

所以我的代码适用于按钮控件：

<controls:DropShadowPanel BlurRadius="{Binding BlurRadius.Value, Mode=OneWay}"
                              ShadowOpacity="{Binding Opacity.Value, Mode=OneWay}"
                              OffsetX="{Binding OffsetX.Value, Mode=OneWay}"
                              OffsetY="{Binding OffsetY.Value, Mode=OneWay}"
                              VerticalAlignment="Center"
                              HorizontalAlignment="Center">
    <Button Content="My button" />
</controls:DropShadowPanel>

但结果是：

阴影覆盖了我的所有按钮控件。

根据doc按钮控件并不直接从FrameworkElement继承，这可能是一个原因。

此致

Answer 1

使用自定义值解决了问题：

<controls:DropShadowPanel BlurRadius="4.0"
                              ShadowOpacity="0.70"
                              OffsetX="5.0"
                              OffsetY="5.0"
                              Color="Black"
                              VerticalAlignment="Center"
                              HorizontalAlignment="Center">
        <Button Content="My button" Background="Aqua" />
    </controls:DropShadowPanel>