11.STM32F429 emWin 颜色系统（包会 记得点赞！）

本节主讲内容大致如下：

1. 颜色相关基础
2. 逻辑颜色与物理颜色
3. 预定义颜色
4. 调色板
5. 颜色相关API
6. 颜色显示实验
   1.颜色相关基础
   色彩空间
   RGB:红色（R）、绿色（G）、蓝色（B）
   CMYK:青色（C）、品红（M）、黄色（Y）、黑色（K）又叫印刷三原色
   HSV:色相（H）、饱和度（S）、明度（V）
   色相：可见光光谱里面所有的颜色 参数范围是（0-360）
   饱和度：颜色鲜艳程度，饱和度越高，颜色越鲜艳
   明度：明亮程度，明度越高，颜色看起来越明亮。
   色彩深度
   也称为位深度（bit depth），表示图像中存储一个像素的色彩信息所占用的位数，单位是位/像素（bits per pixel）或bpp。8位 16位 24位
   像素格式
   它表示为一个像素的颜色信息以什么样的方式和顺序进行存储。
   16位 RGB565
   24位 RGB888
   注意：16位RGB565 和 BGR565 是两种不同的像素格式
   16位 ARGB1555 这是另外一种像素格式
   2.逻辑颜色与物理颜色
   逻辑颜色
   应用程序及emwin内部使用的颜色，包含三个8位的颜色分量和一个8位的alpha通道。
   物理颜色
   显示器实际显示的颜色。在运行时，逻辑颜色映射到物理颜色。
   
   我们用的ARGB
   默认ARGB
   
   左侧 是 ABGR的颜色顺序
   右侧 是 ARGB的颜色顺序（我们使用右侧的顺序）
   
   GUICC_M565 是RGB的顺序
   
   我们最常用的两个
   GUI_SetBkColor()设置当前背景颜色
   GUI_SetColor()设置当前前景色
   5.颜色显示实验
   ①代码分析
   ②实验现象
   
   打开例程。
   
   
   

	xSize = LCD_GetXSize();ySize = LCD_GetYSize();

首先他获取了x和y的尺寸。

/* 可以显示的色条数 */NumColors = GUI_COUNTOF(_aBarData);for (i = NumBars = 0, NumBars = 0; i < NumColors; i++) {NumBars += _aBarData[i].NumBars;}yStep = (ySize - Y_START) / NumBars;

然后计算一下可以显示多少色条，每一条到底多宽。

	/* 显示文本 */Rect.x0 = 0;Rect.x1 = X_START - 1;Rect.y0 = Y_START;GUI_SetFont(&GUI_Font16B_ASCII);for (i = 0; i < NumColors; i++) {Rect.y1 = Rect.y0 + yStep * _aBarData[i].NumBars - 1;GUI_DispStringInRect(_aBarData[i].s, &Rect, GUI_TA_LEFT | GUI_TA_VCENTER);Rect.y0 = Rect.y1 + 1;}

把每个色条的文本注释显示出来

/* 绘制色条 */Rect.x0 = X_START;Rect.x1 = xSize - 1;Rect.y0 = Y_START;for (i = 0; i < NumColors; i++) {for (j = 0; j < _aBarData[i].NumBars; j++) {Rect.y1 = Rect.y0 + yStep - 1;GUI_DrawGradientH(Rect.x0, Rect.y0, Rect.x1, Rect.y1, _aColorStart[j], _aBarData[i].Color);Rect.y0 = Rect.y1 + 1;}}

绘制色调。
这里面用的GUI_DrawGradientH(Rect.x0, Rect.y0, Rect.x1, Rect.y1, _aColorStart[j], _aBarData[i].Color); 这个函数


绘制用水平颜色梯度填充的矩形。

最终例程烧进去，就是这样的效果图。