3D borderBrush样式- wpf

Question

我想要制作与图片上相同的3D边框：

​

​

我只需要这个控件的borderBrush。你能帮我弄一下这个吗？我不擅长画笔创作。谢谢。

Answer 1

<Border CornerRadius="10" BorderThickness="2" Background="#FF505050">
    <Border.BorderBrush>
        <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
            <GradientStop Color="Green" Offset="1" />
            <GradientStop Color="Black" Offset="0" />
        </LinearGradientBrush>
    </Border.BorderBrush>
</Border>

尽管使用样式更可取，但为了“整洁”和以防需要重复使用笔刷等情况。

Answer 2

尝尝这个。它只需要前一个例子周围的另一个边框就可以得到你想要的东西。

相应地更新颜色。

<Border Height="60" Padding="5" Background="#FF505050">
    <Border CornerRadius="10" BorderThickness="1" Background="#FF505050">
        <Border.BorderBrush>
            <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
                <GradientStop Color="DarkSlateGray" Offset="1" />
                <GradientStop Color="Black" Offset="0" />
            </LinearGradientBrush>
        </Border.BorderBrush>
    </Border>
</Border>