如何在Windows WPF XAML中制作没有方向的阴影效果？

8yoxcaq7 于 2023-05-11 发布在 Windows

关注(0)|答案(2)|浏览(124)

我的xaml代码如下，其UI效果如下图所示。正如你所看到的，我设置了Direction=90，所以图片显示阴影更多地聚焦在90度方向上。但我希望使阴影效果在任何方向上都是相等的。
有什么建议吗？

<Border CornerRadius="30" Width="254" Height="50" Background="White">
    <Border.Effect>
        <DropShadowEffect
            ShadowDepth="2"
            Direction="90"
            Color="Black"
            Opacity="0.2"
            BlurRadius="18"/>
    </Border.Effect>
</Border>

xaml

来源：https://stackoverflow.com/questions/76198074/how-to-make-shadow-effect-with-no-direction-in-windows-wpf-xaml

2条答案

按热度按时间

lkaoscv71#

您应该设置ShadowDepth=0。在此之后，您可以删除Angular 属性并获得所需的结果：

<Border Margin="5" CornerRadius="30" Width="254" Height="50" Background="White">
                    <Border.Effect>
                        <DropShadowEffect
                            ShadowDepth="0"
                            Color="Black"
                            Opacity="0.5"
                            BlurRadius="18"/>
                    </Border.Effect>
                </Border>

赞(0）回复(0）举报 2023-05-11

abithluo2#

使方向45

<Border CornerRadius="30" Width="254" Height="50" Background="White">
    <Border.Effect>
        <DropShadowEffect
            ShadowDepth="2"
            Direction="45"
            Color="Black"
            Opacity="0.2"
            BlurRadius="18"/>
    </Border.Effect>
</Border>

赞(0）回复(0）举报 2023-05-11

我来回答

如何在Windows WPF XAML中制作没有方向的阴影效果？

2条答案

相关问题

热门标签

最新问答