WPF（颜色突变）

最新推荐文章于 2022-08-17 11:37:12 发布

Bridge_go

最新推荐文章于 2022-08-17 11:37:12 发布

阅读量136

点赞数

CC 4.0 BY-SA版权

分类专栏： WPF 文章标签： c#

本文链接：https://blog.csdn.net/breakbridge/article/details/119738133

WPF 专栏收录该内容

27 篇文章

订阅专栏

本文探讨如何避免繁琐的四点渐变，快速实现从红色到蓝色的直接颜色转换，通过简洁的LinearGradientBrush实例演示在UI设计中创建红蓝色彩突变效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

我们知道可以用LinearGradientBrush实现颜色的渐变，如下图，从Red渐变到Blue：

<Border Grid.Row="1" BorderBrush="Black" BorderThickness="5" CornerRadius="20" >
    <Border.Background>
        <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
            <GradientStop Color="Red" Offset="0"/>
            <GradientStop Color="Blue" Offset="1"/>
        </LinearGradientBrush>
    </Border.Background>
</Border>

但是如何做到颜色的突变，就时从Red直接变为Blue呢？？？

还是利用 LinearGradientBrush，但是要利用4个渐变点：

<Border Grid.Row="1" BorderBrush="Black" BorderThickness="5" CornerRadius="20" >
    <Border.Background>
        <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
            <GradientStop Color="Red" Offset="0"/>
            <GradientStop Color="Red" Offset="0.5"/>
            <GradientStop Color="Blue" Offset="0.5"/>
            <GradientStop Color="Blue" Offset="1"/>
        </LinearGradientBrush>
    </Border.Background>
</Border>