转自:http://blog.csdn.net/work201003/article/details/6960427

线性渐变画刷(LinearGradientBrush)用来填充一个复合渐变色到一个元素中,并且可以任意的搭配两种 或两种 以上的颜色,重要的属性有倾斜点(GradientStop)、渐变颜色(Color)、起始坐标点(StartPoint)、结束坐标点(EndPoint),如下面的例子:

[html] view plaincopyprint?
  1. <StackPanel x:Name="LayoutRoot" Background="White" Orientation="Horizontal">
  2. <!--01 这段代码中包含了两个倾斜点属性元素,他们的渐变颜色属性分别是白色和绿色,第一个倾斜点偏移量是(0.0)第二个倾斜点偏移量为(1.0) 意思是从(0.0)坐标渐变到(1.0)坐标结束-->
  3. <Rectangle Width="200" Height="150">
  4. <Rectangle.Fill>
  5. <LinearGradientBrush>
  6. <GradientStop Color="White" Offset="0.0"/>
  7. <GradientStop Color="Green" Offset="1.0"/>
  8. </LinearGradientBrush>
  9. </Rectangle.Fill>
  10. </Rectangle>
  11. <!--02 线形渐变画刷的渐变颜色产生一般是由多个倾斜点对象组成,其中倾斜对象的渐变颜色和偏移量两个属性来决定颜色的值和它开始的位置,可以简单的把偏移量理解为是一个范围,整个偏移量的范围是1.0-->
  12. <Rectangle Width="200" Height="150" Margin="5,0,0,0">
  13. <Rectangle.Fill>
  14. <LinearGradientBrush>
  15. <GradientStop Color="Yellow" Offset="0.0"/>
  16. <GradientStop Color="Red" Offset="0.25"/>
  17. <GradientStop Color="Blue" Offset="0.75"/>
  18. <GradientStop Color="Green" Offset="1.0"/>
  19. </LinearGradientBrush>
  20. </Rectangle.Fill>
  21. </Rectangle>
  22. <!--03 线形渐变对象还包含了渐变角度属性,StartPoint和EndPoint可以根据这两个属性来确定渐变的角度-->
  23. <Rectangle Width="200" Margin="5,0,0,0" Height="150">
  24. <Rectangle.Fill>
  25. <LinearGradientBrush StartPoint="0,0.5" EndPoint="1,0.5">
  26. <GradientStop Color="White" Offset="0.0"/>
  27. <GradientStop Color="Green" Offset="1.0"/>
  28. </LinearGradientBrush>
  29. </Rectangle.Fill>
  30. </Rectangle>
  31. <!--04-->
  32. <Rectangle Width="200" Margin="5,0,0,0" Height="150">
  33. <Rectangle.Fill>
  34. <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1">
  35. <GradientStop Color="White" Offset="0.0"/>
  36. <GradientStop Color="Green" Offset="1.0"/>
  37. </LinearGradientBrush>
  38. </Rectangle.Fill>
  39. </Rectangle>
  40. <!--05-->
  41. <Rectangle Width="200" Margin="5,0,0,0" Height="150">
  42. <Rectangle.Fill>
  43. <LinearGradientBrush StartPoint="0.5,1" EndPoint="0.5,0">
  44. <GradientStop Color="Green" Offset="1.0"/>
  45. <GradientStop Color="White" Offset="0.0"/>
  46. </LinearGradientBrush>
  47. </Rectangle.Fill>
  48. </Rectangle>
  49. </StackPanel>
<StackPanel x:Name="LayoutRoot" Background="White" Orientation="Horizontal"><!--01 这段代码中包含了两个倾斜点属性元素,他们的渐变颜色属性分别是白色和绿色,第一个倾斜点偏移量是(0.0)第二个倾斜点偏移量为(1.0) 意思是从(0.0)坐标渐变到(1.0)坐标结束--><Rectangle Width="200" Height="150"><Rectangle.Fill><LinearGradientBrush><GradientStop Color="White" Offset="0.0"/><GradientStop Color="Green" Offset="1.0"/></LinearGradientBrush></Rectangle.Fill></Rectangle><!--02 线形渐变画刷的渐变颜色产生一般是由多个倾斜点对象组成,其中倾斜对象的渐变颜色和偏移量两个属性来决定颜色的值和它开始的位置,可以简单的把偏移量理解为是一个范围,整个偏移量的范围是1.0--><Rectangle Width="200" Height="150" Margin="5,0,0,0"><Rectangle.Fill><LinearGradientBrush><GradientStop Color="Yellow" Offset="0.0"/><GradientStop Color="Red" Offset="0.25"/><GradientStop Color="Blue" Offset="0.75"/><GradientStop Color="Green" Offset="1.0"/></LinearGradientBrush></Rectangle.Fill></Rectangle><!--03 线形渐变对象还包含了渐变角度属性,StartPoint和EndPoint可以根据这两个属性来确定渐变的角度--><Rectangle Width="200" Margin="5,0,0,0" Height="150"><Rectangle.Fill><LinearGradientBrush StartPoint="0,0.5" EndPoint="1,0.5"><GradientStop Color="White" Offset="0.0"/><GradientStop Color="Green" Offset="1.0"/></LinearGradientBrush></Rectangle.Fill></Rectangle><!--04--><Rectangle Width="200" Margin="5,0,0,0" Height="150"><Rectangle.Fill><LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1"><GradientStop Color="White" Offset="0.0"/><GradientStop Color="Green" Offset="1.0"/></LinearGradientBrush></Rectangle.Fill></Rectangle><!--05--><Rectangle Width="200" Margin="5,0,0,0" Height="150"><Rectangle.Fill><LinearGradientBrush StartPoint="0.5,1" EndPoint="0.5,0"><GradientStop Color="Green" Offset="1.0"/><GradientStop Color="White" Offset="0.0"/></LinearGradientBrush></Rectangle.Fill></Rectangle></StackPanel>

运行结果:

转载于:https://www.cnblogs.com/LYunF/archive/2012/12/18/2823173.html

转 Silverlight开发历程—(画刷与着色之线性渐变画刷)相关推荐

  1. WPF线性渐变画刷应用之——炫彩线条

    原文:WPF线性渐变画刷应用之--炫彩线条 效果图: Xaml代码: <Rectangle Width="800" Height="10"> < ...

  2. GDI+ 学习记录(10): 线性渐变画刷 - LinearGradientBrush

    为什么80%的码农都做不了架构师?>>>    //线性渐变画刷 varg: TGPGraphics;lb: TGPLinearGradientBrush;rect: TGPRect ...

  3. WPF(C#) LinearGradientBrush线性渐变画刷

    LinearGradientBrush线性渐变画刷 LinearGradientBrush其实很简单,我们只需要关注5个属性,使用这5个属性你就可以完成这个画刷几乎所有的变化. 一.属性介绍 1.St ...

  4. GdiplusFlat(4)单色画刷 和 线性渐变画刷

    本博文由CSDN博主zuishikonghuan所作,版权归zuishikonghuan所有,转载请注明出处:http://blog.csdn.net/zuishikonghuan/article ...

  5. GDI+学习之线性渐变画刷

    分享一下我老师大神的人工智能教程!零基础,通俗易懂!http://blog.csdn.net/jiangjunshow 也欢迎大家转载本篇文章.分享知识,造福人民,实现我们中华民族伟大复兴! 作者:朱 ...

  6. WPF图形之纯色画刷和渐变画刷的使用

    背景介绍   在WPF中,画刷的使用无处不在,可以说画刷是整个WPF体系里不可或缺的一部分,在画刷中,从渲染效果的特征来看,可以分为纯色画刷.线性渐变画刷.径向渐变画刷.每一种画刷都有其适用的场景,下 ...

  7. PS笔刷 255个图像处理半色调Photoshop笔刷

    HORRIFIC HALFTONES FOR PHOTOSHOP是一套内含255个专为平板电脑和鼠标设计的图像处理半色调Photoshop笔刷.半色调Photoshop笔刷为您提供各种尺寸的半色调笔刷 ...

  8. GDI+ 学习记录(11): 路径渐变画刷 - PathGradientBrush

    为什么80%的码农都做不了架构师?>>>    //路径渐变画刷 varg: TGPGraphics;path: TGPGraphicsPath;pb: TGPPathGradien ...

  9. Silverlight开发历程—(绘制放射渐变图形)

    放射渐变画刷(RadialGradientBrush) 用来填充一个放射渐变色到元素中,它产生的是一个圆形的渐变色,从图形的中心向周围扩张 重要属性有,倾斜原点(GradientOrigin).中心点 ...

最新文章

  1. 小米KK:智能家居谁能破局?
  2. LeetCode算法-实现strStr()
  3. HTML5入门之样板和兼容IE浏览器篇
  4. 操作系统:基于页面置换算法的缓存原理详解(上)
  5. 将数据从 SQL Server 导入 Azure Storage Table
  6. python 编程算法_python语言编程算法
  7. 最简单的Jdbc连接Oracle代码
  8. python换行输出三个数中最大数_关于Python 3中print函数的换行详解
  9. 商业计划书,有什么idea,模板帮你来
  10. 2022年技术胖私藏工具分享
  11. 计算机病毒的危害有,电脑病毒有什么危害
  12. C++之单例(singleton)模式
  13. springboot集成phoenix,操作hbase
  14. 2022河南联赛第(二)场:河南理工大学 ---复盘
  15. mysql 系统错误 1058,mysql启动服务报1058错误的解决方法
  16. 使用JDK的 keytool 生成JKS,修改查看JKS信息
  17. 如何读懂SQL Server的事务日志
  18. 第4节 操作器和Trackball
  19. eNSP配置PC路由
  20. 一次面试苏宁java开发的经历

热门文章

  1. 开始学习 PixiJS
  2. Ubuntu14.04+RabbitMQ3.6.3+Golang的最佳实践
  3. C#在控制台工程中嵌入winform窗体
  4. 常用JQuery插件整理 1
  5. 使用CSS 媒体查询功能满足不同屏幕分辨率要求
  6. C#Socket同步异步通讯总结笔记
  7. C#中常用的文件操作方法
  8. 阿里开源mysql监控_Alibaba-技术专区-开源项目之Druid数据库监控平台
  9. 输入单个空格字符_字符美化丶替换丶转换
  10. videojs暂停时显示大按钮_服务失败时进行故障恢复,Windows 7系统如何打开服务管理程序...