按钮上的 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>

按钮上的 UWPCommunityToolkit DropShadowPanel

UWPCommunityToolkit DropShadowPanel on Button

xaml

uwp

uwp-xaml

windows-community-toolkit