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>