WPF几种渐变色

最新推荐文章于 2024-08-24 07:30:00 发布

wang__junhappy

最新推荐文章于 2024-08-24 07:30:00 发布

阅读量5k

点赞数

分类专栏：前端 WPF 渐变色 C#

本文链接：https://blog.csdn.net/wang__junhappy/article/details/84848643

版权

C# 同时被 3 个专栏收录

5 篇文章 0 订阅

订阅专栏

前端

4 篇文章 0 订阅

订阅专栏

WPF

3 篇文章 0 订阅

订阅专栏

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)

例子：

径向渐变：

 <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>