DropShadowPanel 和边框圆角半径

Question

我想制作带边框控制的阴影效果。我正在使用 UWP 工具包。

<controls:DropShadowPanel x:Name="dspShadow"
                          BlurRadius="10"
                          ShadowOpacity="0.8"
                          OffsetX="0"
                          OffsetY="0"
                          Color="Black">
    <Border x:Name="borderMain" Background="Red" CornerRadius="10"/>
</controls:DropShadowPanel>

但是不识别圆角半径，结果是这样的：

我需要它看起来像这样：

有什么实现方法吗？

Answer 1

你需要屏蔽它。目前您只能从 TextBlock、Shape 和 Image 获取掩码。在这种情况下，只需将 Border 替换为 Rectangle.

<controls:DropShadowPanel x:Name="dspShadow"
                          BlurRadius="10"
                          OffsetX="0"
                          OffsetY="0"
                          ShadowOpacity="0.8"
                          Color="Black">
    <Rectangle Width="100"
               Height="48"
               Fill="Red"
               RadiusX="10"
               RadiusY="10" />
</controls:DropShadowPanel>

DropShadowPanel 和边框圆角半径

DropShadowPanel and border corner radius

c#

xaml

uwp

uwp-xaml

windows-community-toolkit