【花雕学编程】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
#define COLOR_WIDTH 40  // **每个彩虹条的宽度**
#define SCROLL_SPEED 2  // **滚动速度**

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)  // 紫色
};

int colorX = 0;  // **彩虹开始的位置**

void setup() {
    Serial.begin(115200);
    tft.begin();
    tft.setRotation(2);
    tft.fillScreen(tft.color565(0, 0, 0));  // **初始化黑色背景**
}

void loop() {
    for (int i = 0; i < 7; i++) {
        int xPos = (colorX + i * COLOR_WIDTH) % (SCREEN_WIDTH + COLOR_WIDTH); // **计算滚动位置**
        tft.fillRect(xPos, 0, COLOR_WIDTH, SCREEN_HEIGHT, rainbowColors[i]);
    }

    colorX += SCROLL_SPEED; // **让彩虹向右滚动**

    // **循环滚动**
    if (colorX >= SCREEN_WIDTH + COLOR_WIDTH) {
        colorX = 0;
    }

    delay(50);  // **控制滚动速度**
}
复制代码

这段代码的核心功能是 让彩虹背景向右滚动，并循环显示，形成动态效果。以下是简单的代码解读：

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

使用 Adafruit_GC9A01A 控制 TFT 屏幕。

设置 黑色背景 以增强彩虹对比度。

2️⃣ 定义彩虹颜色

rainbowColors[] 存储 七种颜色（红、橙、黄、绿、蓝、靛、紫）。

使用 color565() 格式化颜色，使其适用于屏幕显示。

3️⃣ 实现滚动动画

colorX 变量控制 彩虹条的位置。

fillRect() 按顺序绘制每个颜色块，并向右移动。

4️⃣ 循环滚动

当 colorX 超过屏幕宽度时，从左侧重新进入，形成连续动画。

delay(50); 控制动画速度，使滚动流畅。

最终效果
彩虹背景不断向右滚动，循环显示

流畅动画，视觉无闪烁

七彩渐变，增强动态效果

实验场景图  动态图