渐变颜色填充

2024-09-08 08:38
文章标签 填充 颜色 渐变

本文主要是介绍渐变颜色填充,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

GradientFill函数可以对特定的矩形区域或者三角形区域进行渐变颜色的填充。我们先来看看GradientFill函数到底长得什么样子,帅不帅。

[cpp]  view plain copy print ?
  1. BOOL GradientFill(  
  2.   _In_  HDC hdc,  
  3.   _In_  PTRIVERTEX pVertex,  
  4.   _In_  ULONG nVertex,  
  5.   _In_  PVOID pMesh,  
  6.   _In_  ULONG nMesh,  
  7.   _In_  ULONG ulMode  
  8. );  

参数涉及结构体,于是有些人就开始感到痛苦了,调用函数一遇到结构体就会痛苦,而这个函数更痛苦,还要结构体的数组。

人家达摩祖师说了,痛苦是你的事,和API无关,它又不会因为你痛苦就变得简单易用,该简单的就简单,该复杂的还是那么复杂。我们来分析一个吧。首先第一个hdc就不用我说了,就是某个上下文,这个上下文你就理解为和谁有关,就是谁的句柄,句柄是一种资源标识,以前说过了,就好比身份证号码可以唯一标识你的身份一般(假身份证除外)。所以,这个hdc就是决定你要把渐变颜色画到哪里,画到窗口上就是窗口的HDC,画到桌面上就是桌面的HDC。

第二个参数,注意,是TRIVERTEX结构体的数组,数组中每一个TRIVERTEX结构体的变量指定一个渐变点的坐标和颜色,颜色是ARGB四通道的,也就是说你可以玩透明效果,A,R,G,B每个值的范围,MSDN上有说明是The color information of each channel is specified as a value from 0x0000 to 0xff00,这个范围用十进制表示到底是多少,自己打开“计算器”算一下就知道了,Win7以后的计算器程序严重强大,用来算命都可以,更别说进制换算了。

如果你写C++程序多了,你就会猜到第三个参数是什么了,凡是涉及到传数组作为参数的,后面肯定要带一个参数指明数组中有多少个元素。因为C语言的数组与托管语言不同,其实它是善变的,你定义了int a[3] ....,然后你赋值的时候,赋到a[5]都可以,虽然会报错,但是你不妨试试,即使报错,但是仍然可以取到值,因为内存分布是连续的。

不用说,nVertex 就是指明前面pVertex的个数;后面一个pMesh又是一个结构体的数组,但它是“雄雌同体”的,可以是GRADIENT_TRIANGLE结构体的数组,也可以是GRADIENT_RECT结构体的数组,具体得看你想怎么填充,从名字就知道,GRADIENT_TRIANGLE是三角形填充,就是填充出来的区域是三角形的,这个应该好理解,就是你的内裤的形状;而GRADIENT_RECT更好理解了,矩形,就是小学老师教你的长方形,正方形。

接着这个nMesh 参数你肯定知道了,不解释了,你懂的。

最后一个参数就是指定怎么填充,无非就是水平填过去,还是垂直填下来之类的。

 

那么,TRIVERTEX数组与GRADIENT_RECT或GRADIENT_TRIANGLE数组是如何对应的呢?

GRADIENT_TRIANGLE是定义三角形的,要确定一个三角形就得要三个点,所以这些点就从TRIVERTEX数组来,每个TRIVERTEX变量定义一个点。

比如,TRIVERTEX数组有六个元素,就有六个点,刚好可以定义两个三角形,GRADIENT_TRIANGLE中的三个成员就是三角形三个点的索引,这些索引就是TRIVERTEX数组中的元素的索引,六个点,索引是0,1,2,3,4,5,接着,如果第一个GRADIENT_TRIANGLE中的三个成员分别设为0,1,2,则六个点中前三个点就定义了第一个三角形,如果第二个GRADIENT_TRIANGLE的三个成员设置为3,4,5,那么,六个点中的后三个点组成一个三角形。如果是1,4,5,就说明六个点中的第二个,第五个和第六个点将组成一个三角形。

GRADIENT_RECT就更好理解了,两个点就可以确定一个矩形,即左上角的点,右下角的点,如果渐变点有四个,正好可以组成两个矩形。0和1,2和3.

 

下面的代码将画出两个矩形的填充区域。

[cpp]  view plain copy print ?
  1. case WM_PAINT:  
  2.     hdc = BeginPaint(hWnd, &ps);  
  3.     // TODO: 在此添加任意绘图代码...  
  4.     TRIVERTEX trives[4];  
  5.     trives[0].x=10;  
  6.     trives[0].y=12;  
  7.     trives[0].Alpha=0xff00;  
  8.     trives[0].Red=0xe100;  
  9.     trives[0].Green=0x00cc;  
  10.     trives[0].Blue=0xa3c3;  
  11.     trives[1].x=188;  
  12.     trives[1].y=80;  
  13.     trives[1].Alpha=0xff00;  
  14.     trives[1].Red=0x00fa;  
  15.     trives[1].Green=0x0068;  
  16.     trives[1].Blue=46;  
  17.     trives[2].x=280;  
  18.     trives[2].y=190;  
  19.     trives[2].Alpha=0xff00;  
  20.     trives[2].Red=0x0004;  
  21.     trives[2].Green=0x0017;  
  22.     trives[2].Blue=0xff00;  
  23.     trives[3].x=500;  
  24.     trives[3].y=320;  
  25.     trives[3].Alpha=0xff00;  
  26.     trives[3].Red=0xfac0;  
  27.     trives[3].Green=0xcccc;  
  28.     trives[3].Blue=0xcef0;  
  29.   
  30.     // 定义渐变区为矩形,并确定其点  
  31.     GRADIENT_RECT rects[2];  
  32.     rects[0].UpperLeft=0;  
  33.     rects[0].LowerRight=1;  
  34.     rects[1].UpperLeft =2;  
  35.     rects[1].LowerRight=3;  
  36.   
  37.     GradientFill(hdc,trives,4,rects,2,GRADIENT_FILL_RECT_H);  
  38.   
  39.     EndPaint(hWnd, &ps);  
  40.     break;  

最后就得到如下图所示的效果。


好,下面我们看看三角形的。

[cpp]  view plain copy print ?
  1. // 三角形  
  2. GRADIENT_TRIANGLE triangles[2];  
  3. triangles[0].Vertex1=2;  
  4. triangles[0].Vertex2=0;  
  5. triangles[0].Vertex3=3;  
  6. triangles[1].Vertex1=3;  
  7. triangles[1].Vertex2=1;  
  8. triangles[1].Vertex3=0;  
  9.   
  10. // 矩形填充  
  11. GradientFill(hdc,trives,4,rects,2,GRADIENT_FILL_RECT_V);  
  12. // 三角形填充  
  13. GradientFill(hdc,trives,4,triangles,2,GRADIENT_FILL_TRIANGLE);  

我们用的还是前面填充矩形的四个点,那有人会问了,不对啊,四个怎么能弄出两个三角形呢,不是应该要六个点吗?是啊,是六个点,但是这个四个点是可以重复利用,现在都说要环保,所以循环利用,2-0-3组成一个三角形,3-1-0又组成一个三角形。反正就是一个排列组合,你只要每个三角形弄足三个点就行了。前面的矩形同样道理,你只要每个矩形弄够两个点就行了。这就很像WPF中使用的三角形建模的三维图形同理,点的集合我就定义这么多个,但是我在其中任取三个就可以组成一个“模型单元”。

与前面的代码合并执行,最后得到这种效果。


 


这篇关于渐变颜色填充的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1147638

相关文章

【Godot4.3】多边形的斜线填充效果基础实现

概述 图案(Pattern)填充是一个非常常见的效果。其中又以斜线填充最为简单。本篇就探讨在Godot4.3中如何使用Geometry2D和CanvasItem的绘图函数实现斜线填充效果。 基础思路 Geometry2D类提供了多边形和多边形以及多边形与折线的布尔运算。按照自然的思路,多边形的斜线填充应该属于“多边形与折线的布尔运算”范畴。 第一个问题是如何获得斜线,这条斜线应该满足什么样

【虚拟机/服务器】非图形化界面下修改Shell中颜色的设置

1、首先 cd ~ && ll 可以看到如下图所示 2、输入 sudo vim .bashrc 进入 .bashrc 并通过 /PS1 迅速从上往下定位第一个PS1 3、输入 i 进入插入模式后修改 else 下面的配置如下 说明:\e[1;32;40m] 其中1表示高亮显示,32表示字体颜色是绿色,40表示背景色为黑色 4、输入 esc 退出编辑模式到命令模式,再输入

C#中的各种画刷, PathGradientBrush、线性渐变(LinearGradientBrush)和径向渐变的区别

在C#中,画刷(Brush)是用来填充图形(如形状或文本)内部区域的对象。在.NET框架中,画刷是System.Drawing命名空间的一部分,通常用于GDI+绘图操作。以下是一些常用的画刷类型: SolidBrush:用于创建单色填充的画刷。HatchBrush:用于创建具有图案填充的画刷。TextureBrush:用于创建具有图像纹理填充的画刷。LinearGradientBrush:用于创

Excel查询颜色RGB值

1.选中单元格,点右键,设置单元格格式-填充-其他颜色-自定义,下面显示的就是该单元格颜色的RGB值 2.与十六进制换算: https://www.sioe.cn/yingyong/yanse-rgb-16/

数据处理与数据填充在Pandas中的应用

在数据分析和机器学习项目中,数据处理是至关重要的一步。Pandas作为Python中用于数据分析和操作的一个强大库,提供了丰富的功能来处理和清洗数据。本文将深入探讨Pandas在数据处理,特别是数据填充方面的应用。 在实际的数据集中,缺失值(Missing Values)或异常值(Outliers)是常见的问题。这些不完整或错误的数据如果不加以处理,会严重影响数据分析的准确性和机器学习模型的性能

HSV颜色空间和RGB颜色空间相互转换C语言实现

HSV(Hue, Saturation, Value)是根据颜色的直观特性由A. R. Smith在1978年创建的一种颜色空间, 也称六角锥体模型(Hexcone Model)。这个模型中颜色的参数分别是:色调(H),饱和度(S),明度(V)。 色调H 用角度度量,取值范围为0°~360°,从红色开始按逆时针方向计算,红色为0°,绿色为120°,蓝色为240°。它们的补色是:黄色为60°,青色

CSS学习6--背景图片、颜色、位置、附着、简写、透明、缩放、多背景、凹凸文字、导航栏例子

CSS背景 一、背景颜色和图片二、背景位置三、背景附着四、背景简写五、背景透明六、背景缩放七、多背景八、凹凸文字九、导航栏例子 一、背景颜色和图片 background-color: pink; 背景颜色backgroundoimage: url(##.jpg); 背景图片background-repeat: 平铺 repeat-x横向平铺,repeat-y纵向平铺; 平铺不到

【ListView】有关填充bug

假设要实现如下效果 ListView里若使用RelativeLayot则会出现错误 得不到垂直线的填充 线性布局的高度设置为match_parent会使高度为0,必须给它一个固定值,比如20dp ListView建议使用LinearLayout在最外层,而最外层的宽高无论如何设置都无法确定的,建议第二层也使用linearLayout来布局 【实现