【花雕学编程】Arduino动手做(249)---ESP32 1.28寸 TFT GC9A01屏幕之动态彩虹背景 + 闪烁文字

2025-03-2637
AI 快速预览详细 收起
本项目展示了如何使用ESP32和1.28寸TFT GC9A01屏幕实现动态彩虹背景和闪烁文字效果。通过颜色数组colors[]实现背景颜色循环,从红色到紫色依次切换,每种背景颜色停留500毫秒。文字“TFT GC9A01”以500毫秒间隔闪烁显示。整个效果流畅且富有视觉冲击力,适合制作炫目的界面展示。

00 (1).jpg
00 (2).jpg
02.jpg
10 (1).jpg
10 (2).jpg
12.jpg
15.jpg

  【Arduino】189种传感器模块系列实验(资料代码+仿真编程+图形编程)
 实验二百四十九:1.28寸圆形彩色TFT显示屏 高清IPS 模块 240*240 SPI接口GC9A01驱动
 项目实验之二十四:动态彩虹背景 + 闪烁文字

实验开源代码

 

代码
/*
  【Arduino】189种传感器模块系列实验(资料代码+仿真编程+图形编程)
  实验二百四十九:1.28寸圆形彩色TFT显示屏 高清IPS 模块 240*240 SPI接口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"
#include "Adafruit_GFX.h"
#include "Adafruit_GC9A01A.h"

// 定义屏幕引脚
#define TFT_CS 4        // 片选引脚
#define TFT_DC 2        // 数据/命令引脚
#define TFT_RST -1      // 重置引脚(若未连接请设置为 -1)

// 初始化屏幕对象
Adafruit_GC9A01A tft = Adafruit_GC9A01A(TFT_CS, TFT_DC, TFT_RST);

// 定义彩虹颜色数组
uint16_t colors[] = {GC9A01A_RED, GC9A01A_ORANGE, GC9A01A_YELLOW, GC9A01A_GREEN, GC9A01A_BLUE, GC9A01A_MAGENTA, GC9A01A_CYAN};
int colorIndex = 0; // 当前颜色索引

void setup() {
  Serial.begin(115200);          // 初始化串口通信
  Serial.println("Rainbow Background + Blinking Text");

  tft.begin();                   // 初始化屏幕
  tft.setRotation(2);            // 设置屏幕方向
  tft.fillScreen(GC9A01A_BLACK); // 清屏
}

void loop() {
  // 动态背景:切换彩虹颜色
  tft.fillScreen(colors[colorIndex]); // 填充当前颜色
  colorIndex++;
  if (colorIndex >= sizeof(colors) / sizeof(colors[0])) {
    colorIndex = 0; // 循环重置颜色索引
  }

  // 闪烁文字
  static bool showText = true;  // 用于切换显示状态
  if (showText) {
    tft.setTextSize(3);             // 设置字体大小
    tft.setTextColor(GC9A01A_WHITE); // 设置文字颜色
    tft.setCursor(30, 120);         // 设置文字位置
    tft.print("TFT GC9A01");        // 显示文字
  } else {
    // 清除文字区域
    tft.fillRect(30, 120, 180, 30, colors[colorIndex]); // 用背景颜色填充文字区域
  }
  showText = !showText;               // 切换显示状态

  delay(500);                         // 延迟500毫秒
}

代码特色说明

1、彩虹背景动态切换:

使用颜色数组 colors[] 实现背景颜色循环,从红色到紫色依次切换。

每种背景颜色停留 500 毫秒,通过 delay(500) 控制切换速度。

2、闪烁文字效果:

文字 “TFT GC9A01” 以 500 毫秒的间隔闪烁显示和隐藏。

使用 fillRect() 方法清除文字区域,让背景颜色填充该区域。

3、背景颜色与文字匹配:

隐藏文字时,背景颜色会填充文字区域,保持视觉一致性。

4、循环展示效果:

背景颜色和文字闪烁效果不断循环,适合演示动态屏幕特效。

5、效果描述

屏幕动态切换彩虹颜色作为背景,从红色、橙色到紫色依次呈现。

屏幕中央显示白色文字 “TFT GC9A01”,以闪烁方式呈现,每秒交替显示和隐藏。

整个效果流畅且富有视觉冲击力,适合制作炫目的界面展示。

 

实验串口返回情况

 

41.jpg

实验场景图  动态图

 

42 (1).jpg
42 (2).jpg
42 (3).jpg

00088.gif

创作许可协议

本项目采用 None(不开放任何权利,保留所有权利) 进行许可。

评论(0)
- 没有更多了 -