WPF几种渐变色

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/wang__junhappy/article/details/84848643

WPF知识点--渐变色(LinearGradientBrush、GradientStop) 

[LinearGradientBrush-- 主要属性：

StartPoint 获取或设置线性渐变的二维起始坐标。

EndPoint 获取或设置线性渐变的二维终止坐标。

例子：

<LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
 <GradientStop Color="Blue" Offset="0">
</GradientStop>
 <GradientStop Color="Red" Offset="0.3">
</GradientStop> 
<GradientStop Color="White" Offset="1">
</GradientStop> 
</LinearGradientBrush>

[GradientStop-主要属性：

Color 获取或设置渐变停止点的颜色。

Offset 获取渐变停止点在渐变向量中的位置。(一般设置可见区域 0-1)

例子：

<RadialGradientBrush GradientOrigin="0.7,0.3" RadiusX="1" RadiusY="1"> <GradientStop Color="White" Offset="0"></GradientStop> <GradientStop Color="Blue" Offset="1"></GradientStop> </RadialGradientBrush>

径向渐变：

 <StackPanel> <Rectangle  Margin="5" Width="150" Height="100">
 <Rectangle.Fill>
 <LinearGradientBrush StartPoint="0,0" EndPoint="0,1"> 
<GradientStop Color="Blue" Offset="0">
</GradientStop>
 <GradientStop Color="Red" Offset="0.3">
</GradientStop> 
<GradientStop Color="White" Offset="1">
</GradientStop> 
</LinearGradientBrush> </Rectangle.Fill>
 </Rectangle> 
<TextBlock Margin="5" Text="This text uses a gradient" Height="23" Name="textBlock1"> <TextBlock.Foreground> 
<LinearGradientBrush StartPoint="0,0" EndPoint="1,0"> 
<GradientStop Color="Blue" Offset="0">
</GradientStop> 
<GradientStop Color="Red" Offset="0.3">
</GradientStop> <GradientStop Color="White" Offset="1">
</GradientStop> 
</LinearGradientBrush>
 </TextBlock.Foreground> </TextBlock>
 <Ellipse Height="150" Name="ellipse" Stroke="Black" Margin="228,0,132,0"> <Ellipse.Fill> 
<RadialGradientBrush GradientOrigin="0.7,0.3" RadiusX="1" RadiusY="1">
 <GradientStop Color="White" Offset="0">
</GradientStop> 
<GradientStop Color="Blue" Offset="1">
</GradientStop> 
</RadialGradientBrush>
 </Ellipse.Fill> 
</Ellipse> 
</StackPanel>