【花雕学编程】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[i]);
    }

    delay(500); // **延迟一会儿，让渐变可见**
}
复制代码

这段代码的主要功能是 在屏幕上绘制彩虹渐变背景，由七种颜色 红、橙、黄、绿、蓝、靛、紫 组成，每种颜色占屏幕 1/7 的高度。以下是简单的代码解读：

代码结构
1️⃣ 初始化 TFT 屏幕

使用 Adafruit_GC9A01A 控制 TFT 屏幕。

不断填充背景以实现渐变效果。

2️⃣ 定义彩虹颜色

rainbowColors[] 数组存储 七种彩虹颜色，使用 color565() 转换为屏幕支持的色彩格式。

3️⃣ 绘制渐变背景

fillRect(0, i * stripeHeight, SCREEN_WIDTH, stripeHeight, rainbowColors[i]);

依次填充 七个矩形区域，完成彩虹效果。

4️⃣ 循环更新

使用 delay(500); 控制颜色刷新，让渐变清晰可见。

最终效果
彩虹渐变背景，鲜艳色彩层次分明

流畅渲染，视觉柔和自然

可调整色彩范围，增加更细腻的渐变效果

实验场景图