11.STM32F429 emWin 颜色系统(包会 记得点赞!)

2023-10-14 19:20

本文主要是介绍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); 这个函数
在这里插入图片描述
在这里插入图片描述
绘制用水平颜色梯度填充的矩形。
在这里插入图片描述
最终例程烧进去,就是这样的效果图。

这篇关于11.STM32F429 emWin 颜色系统(包会 记得点赞!)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



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

相关文章

OpenCV实现实时颜色检测的示例

《OpenCV实现实时颜色检测的示例》本文主要介绍了OpenCV实现实时颜色检测的示例,通过HSV色彩空间转换和色调范围判断实现红黄绿蓝颜色检测,包含视频捕捉、区域标记、颜色分析等功能,具有一定的参考... 目录一、引言二、系统概述三、代码解析1. 导入库2. 颜色识别函数3. 主程序循环四、HSV色彩空间

苹果macOS 26 Tahoe主题功能大升级:可定制图标/高亮文本/文件夹颜色

《苹果macOS26Tahoe主题功能大升级:可定制图标/高亮文本/文件夹颜色》在整体系统设计方面,macOS26采用了全新的玻璃质感视觉风格,应用于Dock栏、应用图标以及桌面小部件等多个界面... 科技媒体 MACRumors 昨日(6 月 13 日)发布博文,报道称在 macOS 26 Tahoe 中

基于Python实现一个简单的题库与在线考试系统

《基于Python实现一个简单的题库与在线考试系统》在当今信息化教育时代,在线学习与考试系统已成为教育技术领域的重要组成部分,本文就来介绍一下如何使用Python和PyQt5框架开发一个名为白泽题库系... 目录概述功能特点界面展示系统架构设计类结构图Excel题库填写格式模板题库题目填写格式表核心数据结构

Linux系统中的firewall-offline-cmd详解(收藏版)

《Linux系统中的firewall-offline-cmd详解(收藏版)》firewall-offline-cmd是firewalld的一个命令行工具,专门设计用于在没有运行firewalld服务的... 目录主要用途基本语法选项1. 状态管理2. 区域管理3. 服务管理4. 端口管理5. ICMP 阻断

使用Python实现获取屏幕像素颜色值

《使用Python实现获取屏幕像素颜色值》这篇文章主要为大家详细介绍了如何使用Python实现获取屏幕像素颜色值,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 一、一个小工具,按住F10键,颜色值会跟着显示。完整代码import tkinter as tkimport pyau

Windows 系统下 Nginx 的配置步骤详解

《Windows系统下Nginx的配置步骤详解》Nginx是一款功能强大的软件,在互联网领域有广泛应用,简单来说,它就像一个聪明的交通指挥员,能让网站运行得更高效、更稳定,:本文主要介绍W... 目录一、为什么要用 Nginx二、Windows 系统下 Nginx 的配置步骤1. 下载 Nginx2. 解压

如何确定哪些软件是Mac系统自带的? Mac系统内置应用查看技巧

《如何确定哪些软件是Mac系统自带的?Mac系统内置应用查看技巧》如何确定哪些软件是Mac系统自带的?mac系统中有很多自带的应用,想要看看哪些是系统自带,该怎么查看呢?下面我们就来看看Mac系统内... 在MAC电脑上,可以使用以下方法来确定哪些软件是系统自带的:1.应用程序文件夹打开应用程序文件夹

windows系统上如何进行maven安装和配置方式

《windows系统上如何进行maven安装和配置方式》:本文主要介绍windows系统上如何进行maven安装和配置方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不... 目录1. Maven 简介2. maven的下载与安装2.1 下载 Maven2.2 Maven安装2.

使用Python实现Windows系统垃圾清理

《使用Python实现Windows系统垃圾清理》Windows自带的磁盘清理工具功能有限,无法深度清理各类垃圾文件,所以本文为大家介绍了如何使用Python+PyQt5开发一个Windows系统垃圾... 目录一、开发背景与工具概述1.1 为什么需要专业清理工具1.2 工具设计理念二、工具核心功能解析2.

Linux系统之stress-ng测压工具的使用

《Linux系统之stress-ng测压工具的使用》:本文主要介绍Linux系统之stress-ng测压工具的使用,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录一、理论1.stress工具简介与安装2.语法及参数3.具体安装二、实验1.运行8 cpu, 4 fo