Arduino动手做 · ESP32 1.28寸TFT GC9A01屏幕模拟数字时钟

【Arduino】189种传感器模块系列实验（资料代码+仿真编程+图形编程）
实验二百四十九：1.28寸圆形彩色TFT显示屏高清IPS 模块 240*240 SPI接口GC9A01驱动
项目实验之二十三：模拟数字时钟

实验开源代码

代码

/*
  【Arduino】189种传感器模块系列实验（资料代码+仿真编程+图形编程）
  实验二百四十九：1.28寸圆形彩色TFT显示屏 高清IPS 模块 240*240 SPI接口GC9A01驱动
  项目实验之二十三：模拟数字时钟
*/

//       GC9A010 -------- 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);

// 初始化时间变量
int hours = 12;
int minutes = 0;
int seconds = 0;

void setup() {
    Serial.begin(115200);          // 初始化串口通信
    Serial.println("Digital Clock - GC9A01");

    tft.begin();                   // 初始化屏幕
    tft.setRotation(2);            // 设置屏幕方向
    tft.fillScreen(GC9A01A_BLACK); // 清屏并设置背景为黑色

    // 静态显示标题
    tft.setTextSize(2);             // 设置字体大小
    tft.setTextColor(GC9A01A_YELLOW); // 设置文字颜色为黄色
    tft.setCursor(45, 160);         // 设置标题位置
    tft.print("Digital Clock");     // 显示静态标题
}

void loop() {
    // 清除上一帧的时间显示
    tft.fillRect(20, 80, 200, 60, GC9A01A_BLACK); // 仅清除时间区域

    // 设置时间显示的颜色和大小
    tft.setTextSize(4);              // 设置字体大小
    tft.setTextColor(GC9A01A_GREEN); // 设置文字颜色为绿色
    tft.setCursor(25, 90);           // 设置文字的起始位置

    // 格式化时间
    char timeBuffer[9];
    sprintf(timeBuffer, "%02d:%02d:%02d", hours, minutes, seconds);
    tft.print(timeBuffer);           // 在屏幕上打印时间

    // 更新时间
    delay(1000);                     // 延迟1秒
    seconds++;
    if (seconds >= 60) {
        seconds = 0;
        minutes++;
    }
    if (minutes >= 60) {
        minutes = 0;
        hours++;
    }
    if (hours >= 24) {
        hours = 0;
    }
}

代码特色说明

1、动态时间更新：

使用变量 hours、minutes 和 seconds 模拟时间递增，每秒更新一次。

2、屏幕刷新效果：

每秒刷新屏幕的时间显示，通过 tft.fillScreen() 清除上一帧内容，确保动态显示效果。

3、多种颜色和字体效果：

时间部分使用绿色的大号字体，标题部分使用黄色的小号字体。

4、友好的时间格式：

使用 sprintf() 格式化时间，使其显示为 HH:MM:SS 格式，增强可读性。

5、效果描述

屏幕中央显示动态变化的数字时间，格式为 HH:MM:SS。

屏幕底部显示固定的标题“Digital Clock”，用于说明功能。