WPF LinearGradientBrush立体效果

最新推荐文章于 2024-03-18 15:30:09 发布

StevenChen85

最新推荐文章于 2024-03-18 15:30:09 发布

阅读量447

点赞数 4

分类专栏： WPF 文章标签： wpf 学习笔记

本文链接：https://blog.csdn.net/cjh16606260986/article/details/136530702

版权

WPF 专栏收录该内容

25 篇文章 0 订阅

订阅专栏

WPF LinearGradientBrush立体效果

渐变方向

1. 默认是左上角到右下角

2.从左到右

<Border Height="35" Width="120">
    <Border.Background>
        <LinearGradientBrush EndPoint="1,0">
            <GradientStop Color="Yellow"
              Offset="0.1" />
            <GradientStop Color="Green"
              Offset="1.0" />
        </LinearGradientBrush>
    </Border.Background>
</Border>

效果：

3.人上到下

<Border Height="35" Width="120">
    <Border.Background>
        <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
            <GradientStop Color="Yellow"
              Offset="0.1" />
            <GradientStop Color="Green"
              Offset="1.0" />
        </LinearGradientBrush>
    </Border.Background>
</Border>

效果：

4.立体效果

<Border Height="35" Width="120">
    <Border.Background>
        <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
            <GradientStop Color="#FFE8A6" Offset="0.07" />
            <GradientStop Color="#FFFAEA" Offset="0.1" />
            <GradientStop Color="#FFFAEA" Offset="0.4" />
            <GradientStop Color="#FFE8A6" Offset="0.5" />
        </LinearGradientBrush>
    </Border.Background>
    <TextBlock Text="功率循环" VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="18"/>
</Border>

效果：