Arduino ESP32/ESP8266 +ST7735 1.8“tft中秋小时钟

news2024/11/23 12:47:42

Arduino ESP32 +ST7735 1.8"tft中秋小时钟


  • 🌼原作者B站视频:

ESP32中秋小时钟,表盘自动切换,代码开源,原图可下载(案例应用)

  • 🎞tft ST7735 128160 1.8" 显示效果:(由于原作者提供的素材是128128的素材,在128*160屏幕上显示,所以下面有一部分是雪花)

在这里插入图片描述

📚原创作者的资源
链接: https://pan.baidu.com/s/1xO-eux35rcmTasQyp8qz2g?pwd=65mp 
提取码: 65mp

📑引脚定义

  • 🌿 ESP32,基于tft1.8" ST7735显示屏,TFT_eSPI库,User_Setup.h头文件相关参数调整:
// For ESP32 Dev board (only tested with GC9A01 display)
// The hardware SPI can be mapped to any pins

#define TFT_MOSI 23 // In some display driver board, it might be written as "SDA" and so on.
#define TFT_SCLK 18
#define TFT_CS   5  // Chip select control pin
#define TFT_DC   19  // Data Command control pin
#define TFT_RST  21  // Reset pin (could connect to Arduino RESET pin)
#define TFT_BL   22  // LED back-light
//#define TOUCH_CS 21     // Chip select pin (T_CS) of touch screen

//#define TFT_WR 22    // Write strobe for modified Raspberry Pi TFT only

在这里插入图片描述

  • 🌿ESP8266,基于tft1.8" ST7735显示屏,TFT_eSPI库,User_Setup.h头文件相关参数调整:
// For NodeMCU - use pin numbers in the form PIN_Dx where Dx is the NodeMCU pin designation
#define TFT_CS   PIN_D8  // Chip select control pin D8
#define TFT_DC   PIN_D3  // Data Command control pin
#define TFT_RST  PIN_D4  // Reset pin (could connect to NodeMCU RST, see next line)
//#define TFT_RST  -1    // Set TFT_RST to -1 if the display RESET is connected to NodeMCU RST or 3.3V

//#define TFT_BL PIN_D1  // LED back-light (only for ST7789 with backlight control pin)
//#define TOUCH_CS PIN_D2     // Chip select pin (T_CS) of touch screen
SDA ---- D7
SCL ---- D5
CS  ---- D8
DC  ---- D3
BL ---- 3.3V

在这里插入图片描述

📓依赖库

  • 🔧依赖库:TFT_eSPI、NTPClient
    • 🌿TFT_eSPI // 在Arduino IDE中点击后面链接会,自动打开管理库页面: http://librarymanager/All#TFT_eSPI
      在这里插入图片描述
    • 🌿NTPClient // 在Arduino IDE中点击后面链接,会自动打开管理库页面: http://librarymanager/All#NTPClient
      在这里插入图片描述

📑Debug主程序

  • ⚡需要注意ESP32和ESP8266在处理时间数据上有个别参数存在差异。代码已适配好了,兼容ESP8266和ESP32,修复了所发现的原作者有bug的地方,并烧录了ESP32和esp8266实测验证过显示正常,没有问题。
/*
 * - 依赖库:TFT_eSPI、NTPClient
 * - TFT_eSPI // 点击这里会自动打开管理库页面: http://librarymanager/All#TFT_eSPI
 * - NTPClient  // 点击这里会自动打开管理库页面: http://librarymanager/All#NTPClient
 * 安装号对应的库后,找到TFT_eSPI安装位置:C:\Users\Administrator\Documents\Arduino\libraries\TFT_eSPI
 * 修改"User_Setup.h"修改屏幕驱动型号,根据个人所使用的屏幕型号和规格设定。
   基于ST7735 1.8"tft driver参数
   //显示长宽设置:TFT_WIDTH:128; TFT_HEIGHT  160
   ======= ESP32 =======
  #define TFT_MOSI 15 //D15 In some display driver board, it might be written as "SDA" and so on.
  #define TFT_SCLK 14 //D14
  #define TFT_CS   5  //D5 Chip select control pin
  #define TFT_DC   27  //D27 Data Command control pin
  #define TFT_RST  33  //D33 Reset pin (could connect to Arduino RESET pin)
  #define TFT_BL   22  //D22 LED back-light

   ======= ESP8266 =======
GPIO14(D5) — CLK
GPIO12(D6) — MISO(RES)
GPIO13(D7) — MOSI(SDA)
GPIO0 (D3) ------ DC
GPIO 15(D8) — CS(SS)
BL ------ VCC


*/

#ifdef ESP32
#include <WiFi.h>
#else
#include <ESP8266WiFi.h>
//  #include <WiFiClient.h>//3.0.2新增
//  #include <ESP8266HTTPClient.h>
#endif
//#include <Ticker.h>
// 获取网络时间相关库
#include <NTPClient.h>
#include <WiFiUdp.h>
#include <SPI.h>
// TFT显示库
#include <TFT_eSPI.h>//显示长宽设置:TFT_HEIGHT:128; TFT_WIDTH  160

// 导入图片
#include "clock1.h"
#include "moon1.h"
#include "moon2.h"
#include "moon3.h"
#include "moon4.h"
#include "moon5.h"
// 导入字库
#include "noto10.h"
#include "noto20.h"
#include "clock10.h"
#include "clock20.h"

#define SERIAL_DEBUG    //是否开启串口调试信息输出
// 网络时间相关定义
const char *ssid = "MERCURY_D268G";           // WiFi账号
const char *password = "pba5ayzk";  // WiFi密码
WiFiUDP ntpUDP;
NTPClient timeClient(ntpUDP, "ntp.aliyun.com");  // NTP服务器地址

// 实例化定时器对象
//Ticker time1;
//Ticker time2;
//Ticker time3;
//Ticker time4;

void updateTime();
void clockStyle();
void moonStyle1();
void moonStyle2();
/*
  void Ticker_Task1() {
   // 切换到样式1
    clockStyle();
  }
  void Ticker_Task2() {
   // 切换到样式1
   moonStyle1();
  }
  void Ticker_Task3() {
   // 切换到样式2
    moonStyle2();
  }
  void Ticker_Task3() {
   //更新时间
   updateTime();
  }
*/
// TFT相关定义
TFT_eSPI tft = TFT_eSPI();
TFT_eSprite sprite = TFT_eSprite(&tft);  // 创建一个 TFT_eSprite 对象,tft 是你的 TFT 显示对象

// 定义一个字符串数组,用于存储星期描述,将星期几换成中文
const char weekdays_en[][4] = { "Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat" };
const char weekdays_cn[][7] = {  "周日", "周一", "周二", "周三", "周四", "周五", "周六" };

//定义时间用变量
int16_t currentYear = 0;
int16_t currentWeekDay = 0;
int16_t currentMonth = 0;
int16_t currentMonthDay = 0;
int16_t currentHour = 0;
int16_t currentMin = 0;
int16_t currentSec = 0;

unsigned long lastTime = 0;
//设置每1秒获得一次
unsigned long timerDelay = 5000;

void setup() {
  #ifdef SERIAL_DEBUG
  Serial.begin(115200);  // 初始化串口通信,波特率为115200
  #endif
   // ===网络时间初始化设定===
  // 连接WiFi
  WiFi.begin(ssid, password);
  while (WiFi.status() != WL_CONNECTED) {  // 等待WiFi连接成功
    delay(500);
    #ifdef SERIAL_DEBUG
    Serial.print(".");
    #endif
  }
  timeClient.begin();               // 初始化NTPClient
  timeClient.setTimeOffset(28800);  // 时区设置,时间偏移为28800秒(8小时)

  // ===TFT初始化设定===
  tft.begin();                    // 初始化显示寄存器
  tft.setRotation(0);             // 设置显示屏旋转角度(0表示不旋转,根据需要调整)
  sprite.setColorDepth(16);       // 设置颜色深度(根据你的需求)
  sprite.setSwapBytes(true);      // 设置字节顺序,将RGB颜色顺序转换为BGR以正确显示颜色。
  sprite.createSprite(160, 128);  // 创建一个128x160像素的绘图窗口
  //  time1.attach(3, clockStyle); // 设置定时器,每隔 1 秒钟调用一次 Ticker_Task1 函数
  //  time2.attach(6, moonStyle1); // 设置定时器,每隔 1 秒钟调用一次 Ticker_Task2 函数
  //  time3.attach(9, moonStyle2); // 设置定时器,每隔 1 秒钟调用一次 Ticker_Task2 函数
  //  time4.attach(1, updateTime);
}

void loop() {

  if ((millis() - lastTime) > timerDelay) {
    updateTime();
    if (currentSec % 3 == 0) {
      // 切换到样式1
      clockStyle();
    } else if (currentSec % 3 == 1) {
      // 切换到样式2
      moonStyle1();
    } else {
      // 切换到样式3
      moonStyle2();
    }
    lastTime = millis();
  }

  //  delay(1000);  // 延迟1秒,每秒更新一次

}

void updateTime() {
  timeClient.update();                                  // 更新时间信息
  unsigned long epochTime = timeClient.getEpochTime();  // 获取当前时间的时间戳
  #ifdef ESP32
  struct tm *ptm = gmtime((time_t *)&epochTime);  // 将时间戳转换为tm结构体
  #else
  time_t  ntpTime =(time_t)epochTime;
   struct tm *ptm = localtime(&ntpTime); // 将时间戳转换为tm结构体
  #endif
  // 将epochTime换算成年月日  
  currentYear = ptm->tm_year + 1900;              // 获取年份
  currentMonth = ptm->tm_mon + 1;                 // 获取月份
  currentMonthDay = ptm->tm_mday;                 // 获取月份中的日期
  #ifdef ESP32
  currentWeekDay = ptm->tm_wday;                  // 获取星期几
  if (currentWeekDay < 0) {
    currentWeekDay += 7;  // 将负数转换为正数
  }
  currentHour = ptm->tm_hour;  // 获取时
  currentMin = ptm->tm_min;    // 获取分
  currentSec = ptm->tm_sec;    // 获取秒
  #else  
  currentHour = timeClient.getHours();  // 获取时
  currentMin = timeClient.getMinutes();    // 获取分
  currentSec = timeClient.getSeconds();    // 获取秒
  currentWeekDay = timeClient.getDay();    // 获取星期几
  #endif
  #ifdef SERIAL_DEBUG
  // 打印时间
  Serial.println("Epoch Time: " + String(epochTime));  // 打印时间戳
  Serial.println(timeClient.getFormattedTime());       // 打印时间格式
  Serial.printf("NTP Time: %04d-%02d-%02d\n", currentYear, currentMonth, currentMonthDay);
  #endif
  
}

void clockStyle() {
  // tft显示时间

  sprite.fillScreen(TFT_BLACK);              // 清屏
  sprite.pushImage(0, 0, 128, 160, clock1);  // 显示底图

  sprite.setTextColor(TFT_PINK);  // 设置字体颜色为白色TFT_WHITE  粉色TFT_PINK

  sprite.setCursor(55, 35);                   // 设定打印位置
  sprite.loadFont(noto10);                    // 设定显示字体
  sprite.print(weekdays_cn[currentWeekDay]);  // 打印 星期几

  sprite.setCursor(52, 47);      // 设定打印位置
  currentMonthDay >9 ? sprite.print(String(currentMonth) + "/" + String(currentMonthDay)): sprite.print(String(currentMonth) + "/0" + String(currentMonthDay));  // 打印 月/日
  
  sprite.setCursor(43, 60);                                      // 设定打印位置
  sprite.loadFont(noto20);                                       // 设定显示字体
  currentMin >9?sprite.print(String(currentHour) + ":" + String(currentMin)):sprite.print(String(currentHour) + ":0" + String(currentMin));  // 打印 时:分

  sprite.setCursor(60, 80);          // 设定打印位置
  sprite.loadFont(noto10);           // 设定显示字体
  currentSec>9 ? sprite.print(String(currentSec)):sprite.print( "0" + String(currentSec));  // 打印 秒
 

  sprite.pushSprite(0, 0);  // 将 sprite 显示在指定的屏幕位置 (0, 0)
}
void moonStyle1() {
  // tft显示时间

  sprite.fillScreen(TFT_BLACK);             // 清屏
  sprite.pushImage(0, 0, 128, 160, moon1);  // 显示底图

  sprite.setTextColor(TFT_PINK);  // 设置字体颜色为白色 TFT_WHITE

  sprite.loadFont(clock10);                                            // 设定显示字体
  sprite.setCursor(95, 10);                                            // 设定打印位置
  currentMonthDay >9 ? sprite.print(String(currentMonth) + "/" + String(currentMonthDay)): sprite.print(String(currentMonth) + "/0" + String(currentMonthDay));  // 打印 月/日
  
  sprite.setCursor(95, 20);                   // 设定打印位置
  sprite.loadFont(clock10);                   // 设定显示字体
  sprite.print(weekdays_en[currentWeekDay]);  // 打印 星期几

  sprite.setTextColor(TFT_PURPLE);                                // 设置字体颜色为白色
  sprite.setCursor(35, 20);                                      // 设定打印位置
  sprite.loadFont(clock10);                                      // 设定显示字体
  currentMin >9?sprite.print(String(currentHour) + ":" + String(currentMin)):sprite.print(String(currentHour) + ":0" + String(currentMin));  // 打印 时:分

  sprite.setCursor(43, 30);          // 设定打印位置
  sprite.loadFont(clock10);          // 设定显示字体
  currentSec >9 ? sprite.print(String(currentSec)):sprite.print( "0" + String(currentSec));  // 打印 秒
  sprite.pushSprite(0, 0);  // 将 sprite 显示在指定的屏幕位置 (0, 0)
}

void moonStyle2() {
  sprite.fillScreen(TFT_BLACK);             // 清屏TFT_BLACK  TFT_PURPLE
  sprite.pushImage(0, 0, 128, 160, moon3);  // 显示底图,尺寸:128*160

  sprite.setTextColor(TFT_SKYBLUE);  // 设置字体颜色为白色TFT_WHITE  TFT_SKYBLUE

  sprite.loadFont(clock10);                                            // 设定显示字体
  sprite.setCursor(50, 40);                                            // 设定打印位置
  currentMonthDay >9 ? sprite.print(String(currentMonth) + "/" + String(currentMonthDay)): sprite.print(String(currentMonth) + "/0" + String(currentMonthDay));  // 打印 月/日  

  sprite.setCursor(55, 50);                   // 设定打印位置
  sprite.loadFont(clock10);                   // 设定显示字体
  sprite.print(weekdays_en[currentWeekDay]);  // 打印 星期几
  #ifdef SERIAL_DEBUG
  Serial.println(currentWeekDay);
  #endif
  sprite.setTextColor(TFT_PINK);                                // 设置字体颜色为黑色TFT_BLACK TFT_PINK   TFT_GOLD TFT_SKYBLUE
  sprite.setCursor(35, 10);                                      // 设定打印位置
  sprite.loadFont(clock20);                                      // 设定显示字体
  currentMin >9?sprite.print(String(currentHour) + ":" + String(currentMin)): sprite.print(String(currentHour) + ":0" + String(currentMin));  // 打印 时:分
  sprite.setCursor(55, 30);          // 设定打印位置
  sprite.loadFont(clock10);          // 设定显示字体
  currentSec>9 ? sprite.print(String(currentSec)):sprite.print( "0" + String(currentSec));  // 打印 秒

  sprite.pushSprite(0, 0);  // 将 sprite 显示在指定的屏幕位置 (0, 0)
}
  • 📜ESP8266串口打印信息:
    在这里插入图片描述

📚Debug程序和图片资料(128*128)

  • 🔖代码已适配兼容ESP8266和ESP32。
链接:https://pan.baidu.com/s/1PThuvRrMK3rVpjiaqGapMA 
提取码:463q

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1054379.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

【vue3】wacth监听,监听ref定义的数据,监听reactive定义的数据,详解踩坑点

假期第二篇&#xff0c;对于基础的知识点&#xff0c;我感觉自己还是很薄弱的。 趁着假期&#xff0c;再去复习一遍 之前已经记录了一篇【vue3基础知识点-computed和watch】 今天在学习的过程中发现&#xff0c;之前记录的这一篇果然是很基础的&#xff0c;很多东西都讲的不够…

gcc中-I(大写的i)参数的作用

《gcc -I -L -l区别》是我参考的一篇博客。 gcc中-I参数可以帮助找到头文件的目录&#xff0c;比如在当前目录下有一个名为includeTestCom.c的c文件和名为includeCom的目录。 includeTestCom.c里边的内容如下&#xff1a; #include "good.h" int main(){printf(&q…

自己动手写编译器:实现命令行模块

在前面一系列章节中&#xff0c;我们完成了词法解析的各种算法。包括解析正则表达式字符串&#xff0c;构建 NFA 状态就&#xff0c;从 NFA 转换为 DFA 状态机&#xff0c;最后实现状态机最小化&#xff0c;接下来我们注重词法解析模块的工程化实现&#xff0c;也就是我们将所有…

CCF-CSP真题《202309-1 坐标变换(其一)》思路+python,c++,java满分题解

想查看其他题的真题及题解的同学可以前往查看&#xff1a;CCF-CSP真题附题解大全 试题编号&#xff1a;202309-1试题名称&#xff1a;坐标变换&#xff08;其一&#xff09;时间限制&#xff1a;1.0s内存限制&#xff1a;512.0MB问题描述&#xff1a; 问题描述 对于平面直角坐标…

11链表-迭代与递归

目录 LeetCode之路——206. 反转链表 分析&#xff1a; 解法一&#xff1a;迭代 解法二&#xff1a;递归 LeetCode之路——206. 反转链表 给你单链表的头节点 head &#xff0c;请你反转链表&#xff0c;并返回反转后的链表。 示例 1&#xff1a; 输入&#xff1a;head […

git你学“废”了吗?——git撤销操作指令详解

git你学“废”了吗&#xff1f;——git撤销操作指令详解&#x1f60e; 前言&#x1f64c;撤销的本质撤销修改情况一&#xff1a;撤销工作区的修改方式一&#xff1a;方式二&#xff1a;演示截图&#xff1a; 撤销修改情况二&#xff1a;撤销暂存区和工作区的修改操作截图&#…

【Java 进阶篇】JDBC DriverManager 详解

JDBC&#xff08;Java Database Connectivity&#xff09;是 Java 标准库中用于与数据库进行交互的 API。它允许 Java 应用程序连接到各种不同的数据库管理系统&#xff08;DBMS&#xff09;&#xff0c;执行 SQL 查询和更新操作&#xff0c;以及处理数据库事务。在 JDBC 中&am…

链表经典面试题(一)

面试题 1.反转链表的题目2.反转链表的图文分析3.反转链表的代码实现 1.反转链表的题目 2.反转链表的图文分析 我们在实现反转链表的时候,是将后面的元素变前面&#xff0c;前面的元素变后面&#xff0c;那么我们是否可以理解为&#xff0c;用头插法的思想来完成反转链表呢&…

力扣:116. 填充每个节点的下一个右侧节点指针(Python3)

题目&#xff1a; 给定一个 完美二叉树 &#xff0c;其所有叶子节点都在同一层&#xff0c;每个父节点都有两个子节点。二叉树定义如下&#xff1a; struct Node {int val;Node *left;Node *right;Node *next; } 填充它的每个 next 指针&#xff0c;让这个指针指向其下一个右侧…

计组--总线

一、概念 总线是一组能为多个部件分时共享的公共信息传送线路。 共享是指总线上可以挂接多个部件&#xff0c;各个部件之间互相交换的信息都可以通过这组线路分时共享。 分时是指同一时刻只允许有一个部件向总线发送信息&#xff0c;如果系统中有多个部件&#xff0c;则它们…

qt常用控件1

QLabel QLabel用于显示文本或图像。不提供用户交互功能。标签的视觉外观可以通过多种方式进行配置&#xff0c;并且可用于为另一个小组件指定焦点助记键。 常用API介绍&#xff1a; 获取对应的文本信息&#xff1a; 设置对其方式&#xff1a; 设置能否进行换行 获取及设置标…

mysql面试题9:MySQL中的SQL常见的查询语句有哪些?有哪些对SQL语句优化的方法?

该文章专注于面试,面试只要回答关键点即可,不需要对框架有非常深入的回答,如果你想应付面试,是足够了,抓住关键点 面试官:MySQL中的SQL常见的查询语句有哪些? 常见的SQL查询语句包括: SELECT:用于从一个或多个表中获取数据。 FROM:指定要查询的表名或视图名。 WHER…

ssh爆破分析

1. 2.日志分析 1.系统账号信息 2.确认攻击情况 3.管理员登录情况 4.处理措施

网络基础入门(认识网络 网络传输 概念举例详解)

本篇文章主要是对网络初学的概念进行解释&#xff0c;可以让你对网络有一个大概整体的认知。 文章目录 一、简单认识网络 1、1 什么是网络 1、2 网络分类 二、网络模型 2、1OSI七层模型 2、1、1 简单认识协议 2、1、2 OSI七层模型解释 2、2 TCP/IP五层(或四层)模型 三、网络传…

【生物信息学】计算图网络中节点的中心性指标:聚集系数、介数中心性、度中心性

目录 一、实验介绍 二、实验环境 1. 配置虚拟环境 2. 库版本介绍 3. IDE 三、实验内容 0. 导入必要的工具 1. 生成邻接矩阵simulate_G: 2. 计算节点的聚集系数 CC(G): 3.计算节点的介数中心性 BC(G) 4. 计算节点的度中心性 DC(G) 5. 综合centrality(G) 6. 代…

《 新手》web前端(axios)后端(java-springboot)对接简解

文章目录 <font color red>1.何为前后端对接?2.对接中关于http的关键点2.1. 请求方法2.2. 请求参数设置简解&#xff1a; 3.对接中的跨域(CROS)问题**为什么后端处理跨域尽量在业务之前进行&#xff1f;**3.总结 1.何为前后端对接? “前后端对接” 是指前端和后端两个…

腾讯云中使用ubuntu安装属于自己的overleaf

在自己的云服务器上安装overleaf的需求是从写论文开始的&#xff0c;总担心自己的论文放在一个网站上被泄露&#xff0c;所以想要在自己的服务器上安装自己的overleaf&#xff0c;正好手边有一个云服务器&#xff0c;现在开始。 配置腾讯云 因为使用overleaf的优势就是在不同…

【小沐学前端】Node.js实现基于Protobuf协议的UDP通信(UDP/TCP)

文章目录 1、简介1.1 node1.2 Protobuf 2、下载和安装2.1 node2.2 Protobuf2.2.1 安装2.2.2 工具 3、node 代码示例3.1 HTTP3.2 UDP单播3.4 UDP广播 4、Protobuf 代码示例4.1 例子: awesome.proto4.1.1 加载.proto文件方式4.1.2 加载.json文件方式4.1.3 加载.js文件方式 4.2 例…

【知识梳理】多级页表的原理分析【地址形成过程】【扩充思考】

多级页表的地址形成过程 首先每个进程中都至少有一个页表&#xff08;段页式可以有多个页表&#xff09;&#xff0c;都有一个页表基地址寄存器&#xff08;PTBR&#xff09;&#xff0c;以下针对三级页表进行分析。 level1&#xff1a;PTBR代表的是一级页表的基地址&#xf…

链表经典面试题(三)

合并两个有序链表 1.题目2.图文分析3.代码实现 1.题目 2.图文分析 我们通过两个连接和指向的中介&#xff0c;我们可以将两个链表依次连接起来&#xff0c;并且当其中一个链表走完后&#xff0c;另一个链表剩余的值都会比另一个链表的值大&#xff0c;所以直接将指向中介指向他…