码迷,mamicode.com
首页 > 其他好文 > 详细

WPF初学之LinearGradientBrush

时间:2014-09-09 11:24:38      阅读:213      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   color   os   io   使用   ar   art   

LinearGradientBrush 使用线性渐变绘制区域。 线性渐变沿直线定义渐变。 该直线的终点由线性渐变的 StartPoint 和 EndPoint 属性定义。LinearGradientBrush 画笔沿此直线绘制其 GradientStops

默认的线性渐变是沿对角方向进行的。 默认情况下,线性渐变的 StartPoint 是被绘制区域的左上角 (0,0),其 EndPoint 是被绘制区域的右下角 (1,1)。 所得渐变的颜色是沿着对角方向路径插入的。

下图演示对角渐变。 其中添加了一条线,用于突出显示渐变从起点到终点的内插路径。

对角方向的线性渐变


bubuko.com,布布扣

下一幅插图显示的是同一线性渐变,但它具有突出显示的渐变停止点。

具有突出显示的渐变停止点的对角线性渐变


bubuko.com,布布扣

可以指定未完全填充所绘制区域的渐变轴。 出现这种情况时,SpreadMethod 属性确定其余区域的绘制方式。

 

Example:

 1 <Grid>
 2         <Grid.Background>
 3             <LinearGradientBrush StartPoint="0,0" EndPoint="1,1">
 4                 <GradientStop Color="Yellow" Offset="0.0" />
 5                 <GradientStop Color="Red" Offset="0.25" />
 6                 <GradientStop Color="Blue" Offset="0.75" />
 7                 <GradientStop Color="LimeGreen" Offset="1.0" />
 8             </LinearGradientBrush>
 9         </Grid.Background>
10         <Button  Content="Button" Height="50" HorizontalAlignment="Left" Margin="76,121,0,0" Name="button1" VerticalAlignment="Top" Width="94" >
11             <Button.Background>
12                 <LinearGradientBrush StartPoint="0,0" EndPoint="1,1">
13                     <GradientStop Color="Green" Offset="0.2"></GradientStop>
14                     <GradientStop Color="LightGreen" Offset="0.4"></GradientStop>
15                     <GradientStop Color="Yellow" Offset="0.8"></GradientStop>
16                     <GradientStop Color="LightYellow" Offset="1"></GradientStop>
17                 </LinearGradientBrush>
18             
19             </Button.Background>
20         </Button>
21     </Grid>

参考:LinearGradientBrush 类

WPF初学之LinearGradientBrush

标签:style   blog   http   color   os   io   使用   ar   art   

原文地址:http://www.cnblogs.com/homingfly/p/3961646.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!