DropShadowPanel 和边框圆角半径
DropShadowPanel and border corner radius
我想制作带边框控制的阴影效果。我正在使用 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>
但是不识别圆角半径,结果是这样的:
我需要它看起来像这样:
有什么实现方法吗?
你需要屏蔽它。目前您只能从 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>
我想制作带边框控制的阴影效果。我正在使用 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>
但是不识别圆角半径,结果是这样的:
我需要它看起来像这样:
有什么实现方法吗?
你需要屏蔽它。目前您只能从 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>