【花雕学编程】Arduino动手做(249)---GC9A01彩虹颜色渐变
【花雕学编程】Arduino动手做(249)---GC9A01彩虹颜色渐变
【花雕学编程】Arduino动手做(249)---GC9A01彩虹颜色渐变
【花雕学编程】Arduino动手做(249)---GC9A01彩虹颜色渐变
【Arduino】189种传感器模块系列实验(资料代码+仿真编程+图形编程)实验二百四十九:1.28寸圆形彩色TFT显示屏 高清IPS 模块 240*240 SPI接口GC9A01驱动
项目之六十八:GC9A01园屏之实现彩虹七种颜色渐变
实验开源代码
/*
【Arduino】189种传感器模块系列实验(资料代码+仿真编程+图形编程)
实验二百四十九:1.28寸圆形彩色TFT显示屏 高清IPS 模块 240*240 SPI接口GC9A01驱动
项目之六十八:GC9A01园屏之实现彩虹七种颜色渐变
*/
// GC9A01---------- ESP32
// RST ------------ NC(复位引脚,此处未连接)
// CS ------------- D4(片选引脚,连接到ESP32的D4引脚)
// DC ------------- D2(数据/命令选择引脚,连接到ESP32的D2引脚)
// SDA ------------ D23 (green)(主数据输出引脚,连接到ESP32的D23引脚,绿色线)
// SCL ------------ D18 (yellow)(时钟信号引脚,连接到ESP32的D18引脚,黄色线)
// GND ------------ GND(接地引脚,连接到ESP32的接地端)
// VCC -------------3V3(电源引脚,连接到ESP32的3.3V电源)
#include "SPI.h" // **包含 SPI 库,用于 TFT 屏幕通信**
#include "Adafruit_GFX.h" // **包含 Adafruit GFX 图形库,用于绘制图形**
#include "Adafruit_GC9A01A.h" // **包含 GC9A01A 屏幕驱动库**
#define TFT_CS 4 // **定义 TFT 屏幕片选引脚**
#define TFT_DC 2 // **定义 TFT 屏幕数据/命令选择引脚**
#define TFT_RST -1 // **屏幕复位引脚(-1 表示未使用)**
Adafruit_GC9A01A tft = Adafruit_GC9A01A(TFT_CS, TFT_DC, TFT_RST); // **创建 TFT 屏幕对象**
// **屏幕参数**
#define SCREEN_WIDTH 240
#define SCREEN_HEIGHT 240
// **定义彩虹颜色**
uint16_t rainbowColors[] = {
tft.color565(255, 0, 0), // 红色
tft.color565(255, 165, 0), // 橙色
tft.color565(255, 255, 0), // 黄色
tft.color565(0, 255, 0), // 绿色
tft.color565(0, 0, 255), // 蓝色
tft.color565(75, 0, 130),// 靛蓝
tft.color565(148, 0, 211)// 紫色
};
void setup() {
Serial.begin(115200);
tft.begin();
tft.setRotation(1);
}
void loop() {
int stripeHeight = SCREEN_HEIGHT / 7; // **每种颜色占屏幕的 1/7 高度**
for (int i = 0; i < 7; i++) {
tft.fillRect(0, i * stripeHeight, SCREEN_WIDTH, stripeHeight, rainbowColors);
}
delay(500); // **延迟一会儿,让渐变可见**
}
【花雕学编程】Arduino动手做(249)---GC9A01彩虹颜色渐变
这段代码的主要功能是 在屏幕上绘制彩虹渐变背景,由七种颜色 红、橙、黄、绿、蓝、靛、紫 组成,每种颜色占屏幕 1/7 的高度。以下是简单的代码解读:代码结构
1️⃣ 初始化 TFT 屏幕
使用 Adafruit_GC9A01A 控制 TFT 屏幕。
不断填充背景以实现渐变效果。
2️⃣ 定义彩虹颜色
rainbowColors[] 数组存储 七种彩虹颜色,使用 color565() 转换为屏幕支持的色彩格式。
3️⃣ 绘制渐变背景
fillRect(0, i * stripeHeight, SCREEN_WIDTH, stripeHeight, rainbowColors);
依次填充 七个矩形区域,完成彩虹效果。
4️⃣ 循环更新
使用 delay(500); 控制颜色刷新,让渐变清晰可见。
最终效果
彩虹渐变背景,鲜艳色彩层次分明
流畅渲染,视觉柔和自然
可调整色彩范围,增加更细腻的渐变效果
【花雕学编程】Arduino动手做(249)---GC9A01彩虹颜色渐变
实验场景图
页:
[1]