首页 > 解决方案 > Xaml中Border元素外的阴影状边框

问题描述

我需要我的组件有一个靠近组件的深色边框,然后它会逐渐消失。DropShadowEffect 仅出现在两侧(右侧和下部),而我希望它出现在所有四个侧面。这就是我需要的

这就是我需要的

虽然我目前有类似的东西,

我现在拥有的

这是我当前的代码,

<Border x:Name="ShadowBorder" BorderThickness="1" Width="242" Height="280" Margin="5,5,5,5">
    <Border.BorderBrush>
        <RadialGradientBrush GradientOrigin="0.5,0.5" Center="0.5,0.5">
            <GradientStop Color="Blue" Offset="0"/>
            <GradientStop Color="LightBlue" Offset="1"/>
        </RadialGradientBrush>
    </Border.BorderBrush>
</Border>

标签: c#wpfxaml

解决方案


您使用 DropShadowEffect 走在了正确的轨道上。之所以只模糊了两侧,是因为你的ShadowDepth。将它设置为 0,你就会得到你想要的。

<Border x:Name="ShadowBorder" BorderThickness="1" Width="242" Height="280" Margin="5,5,5,5" Background="#00FFFFFF">
    <Rectangle Fill="White" Width="242" Height="280"/>
    <Border.Effect>
        <DropShadowEffect BlurRadius="10" ShadowDepth="0" Color="LightBlue"/>
    </Border.Effect>
</Border>

这是它的样子:

在此处输入图像描述


推荐阅读