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

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() {// 切换到样式1clockStyle();}void Ticker_Task2() {// 切换到样式1moonStyle1();}void Ticker_Task3() {// 切换到样式2moonStyle2();}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_DEBUGSerial.begin(115200);  // 初始化串口通信,波特率为115200#endif// ===网络时间初始化设定===// 连接WiFiWiFi.begin(ssid, password);while (WiFi.status() != WL_CONNECTED) {  // 等待WiFi连接成功delay(500);#ifdef SERIAL_DEBUGSerial.print(".");#endif}timeClient.begin();               // 初始化NTPClienttimeClient.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) {// 切换到样式1clockStyle();} else if (currentSec % 3 == 1) {// 切换到样式2moonStyle1();} else {// 切换到样式3moonStyle2();}lastTime = millis();}//  delay(1000);  // 延迟1秒,每秒更新一次}void updateTime() {timeClient.update();                                  // 更新时间信息unsigned long epochTime = timeClient.getEpochTime();  // 获取当前时间的时间戳#ifdef ESP32struct tm *ptm = gmtime((time_t *)&epochTime);  // 将时间戳转换为tm结构体#elsetime_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 ESP32currentWeekDay = 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_PINKsprite.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_WHITEsprite.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_PURPLEsprite.pushImage(0, 0, 128, 160, moon3);  // 显示底图,尺寸:128*160sprite.setTextColor(TFT_SKYBLUE);  // 设置字体颜色为白色TFT_WHITE  TFT_SKYBLUEsprite.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_DEBUGSerial.println(currentWeekDay);#endifsprite.setTextColor(TFT_PINK);                                // 设置字体颜色为黑色TFT_BLACK TFT_PINK   TFT_GOLD TFT_SKYBLUEsprite.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.mzph.cn/news/92062.shtml

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

相关文章

读者写者问题—内含408真题

读者写者问题—含408 一、问题描述 一个数据问价或记录可以被多个进程共享&#xff0c;我们把只读该文件的进程称为“读者进程”&#xff0c;其他进程为“写者进程”。允许多个进程同时读一个共享对象&#xff0c;但不允许一个写者进程和其他写者进程或读者进程同时访问共享对…

【数据结构】堆排序和top-k问题

目录 1.堆排序 2.top-k问题 1.堆排序 我们已经介绍了向上调整算法和向下调整算法建堆&#xff0c;可以建一个小堆或大堆&#xff0c;对于这种方式建立的大堆或小堆&#xff0c;我们只能选出最大的和最小的数&#xff0c;对于次大或次小的数&#xff0c;只能重新建堆&#x…

详解Avast Driver Updater:电脑驱动更新工具的利器还是多余的软件?

亲爱的读者朋友们&#xff0c;你是不是经常为电脑的驱动问题而烦恼&#xff1f;如果是的话&#xff0c;你可能会对这款软件——Avast Driver Updater 电脑驱动更新工具感兴趣。但在你决定尝试之前&#xff0c;不妨先和我一起深入探讨一下它的优点、缺点以及它适用的使用场景。 …

UE5.1编辑器拓展【二、脚本化资产行为,快速更改资产名字,1.直接添加前缀或后缀2.通过资产类判断添加修改前缀】

目录 了解相关的函数 第一种做法&#xff1a;自定义添加选择资产的前缀或后缀 代码 效果 第二种做法&#xff1a;通过映射来获取资产类型添加前缀和修改前缀 映射代码 代码 效果 在之前一章中&#xff0c;我们创建了插件&#xff0c;用来扩展编辑器的使用&#xff1a; …

十八,镜面IBL-打印预过滤环境贴图

前面打印了各个级别的hdr环境贴图&#xff0c;也能看到预过滤环境贴图&#xff0c;现在进行打印各个级别的预过滤环境贴图。 运行结果如下 代码如下&#xff1a; #include <osg/TextureCubeMap> #include <osg/TexGen> #include <osg/TexEnvCombine> #…

JUC——并发编程—第二部分

集合类不安全 list不安全 //报错 java.util.ConcurrentModificationException public class ListTest {public static void main(String[] args) {List<String> list new CopyOnWriteArrayList<>();//并发下Arrayist边读边写会不安全的/*** 解决方案&#xff1a…

iPhone苹果手机复制粘贴内容提示弹窗如何取消关闭提醒?

经常使用草柴APP查询淘宝、天猫、京东商品优惠券拿购物返利的iPhone苹果手机用户&#xff0c;复制商品链接后打开草柴APP粘贴商品链接查券时总是弹窗提示粘贴内容&#xff0c;为此很多苹果iPhone手机用户联系客服询问如何关闭iPhone苹果手机复制粘贴内容弹窗提醒功能的方法如下…

Java-API简析_java.util.Objects类(基于 Latest JDK)(浅析源码)

【版权声明】未经博主同意&#xff0c;谢绝转载&#xff01;&#xff08;请尊重原创&#xff0c;博主保留追究权&#xff09; https://blog.csdn.net/m0_69908381/article/details/133463511 出自【进步*于辰的博客】 因为我发现目前&#xff0c;我对Java-API的学习意识比较薄弱…

Linux Ubuntu配置Git的方法

本文介绍在Linux操作系统的Ubuntu版本中&#xff0c;配置分布式开源版本控制系统Git&#xff0c;随后基于Git克隆GitHub中项目的代码的详细方法。 在之前的文章分布式版本控制系统Git的下载、安装与使用其复制GitHub项目代码的方法&#xff08;https://blog.csdn.net/zhebushib…

【前段基础入门之】=>你不知道的 CSS 选择器的进阶使用!

导语&#xff1a; 在上一章节中&#xff0c;我们了解了 CSS 的一些基本语法概念&#xff0c;那么在这一章节中我们就带来 CSS 选择器知识的分享&#xff0c;选择器这一章的知识点有一点多&#xff0c;不过我们只要认真去理解&#xff0c;学习它也是没什么问题的&#xff0c;还有…

【模型压缩】Distiller学习-初认识

Distiller学习-初认识 简介 Intel AILab的神经网络压缩框架&#xff0c;建立在Pytorch基础上 安装 压缩方法 权重正则化方法权重剪枝方法训练后量化方法训练时量化方法条件计算低质分解方法知识蒸馏方法 总体目录 核心代码实现 所有案例的配置文件 举例 初始化网络评价网络…

基于Vue和Element UI实现前后端分离和交互

目录 前言 一、Element UI简介 1.Element UI是什么 2.Element UI的特点 二、项目搭建 1.创建一个SPA项目 2.安装 Element-UI 3.导入组件 4.创建登陆注册界面 登录组件---Login.vue 注册组件---Register.vue 定义组件与路由的对应关系 效果演示&#xff1a; 三、前…

1.4.C++项目:仿muduo库实现并发服务器之buffer模块的设计

项目完整版在&#xff1a; 一、buffer模块&#xff1a; 缓冲区模块 Buffer模块是一个缓冲区模块&#xff0c;用于实现通信中用户态的接收缓冲区和发送缓冲区功能。 二、提供的功能 存储数据&#xff0c;取出数据 三、实现思想 1.实现换出去得有一块内存空间&#xff0c;采…

Redis与分布式-集群搭建

接上文 Redis与分布式-哨兵模式 1. 集群搭建 搭建简单的redis集群&#xff0c;创建6个配置&#xff0c;开启集群模式&#xff0c;将之前配置过的redis删除&#xff0c;重新复制6份 针对主节点redis 1&#xff0c;redis 2&#xff0c;redis 3都是以上修改内容&#xff0c;只是…

十、空闲任务及其钩子函数

1、空闲任务的介绍 (1)一个良好的程序&#xff0c;它的任务都是事件驱动的&#xff1a;平时大部分时间处于阻塞状态。 (2)有可能我们自己创建的所有任务都无法执行&#xff0c;但是调度器必须能找到一个可以运行的任务。所以&#xff0c;我们要提供空闲任务。 (3)在使用vTas…

格拉姆角场GAF将时序数据转换为图像并应用于凯斯西楚大学轴承故障诊断(Python代码,CNN模型)

1.运行效果&#xff1a; 格拉姆角场GAF将时序数据转换为图像并应用于故障诊断&#xff08;Python代码&#xff09;_哔哩哔哩_bilibili 环境库 只要tensorflow版本大于等于2.4.0即可运行 2.GAF的内容 GAF是一种用于时间序列数据可视化和特征提取的技术&#xff0c;通常用于…

Linux——补充点(进程切换及页表映射)

目录 补充点1&#xff1a;进程地址空间堆区管理 补充点2&#xff1a;Linux内核进程上下文切换 补充点3&#xff1a;页表映射 补充点4&#xff1a;两级页表 补充点1&#xff1a;进程地址空间堆区管理 Linux内核通过一个被称为进程描述符的task_struct结构体来管理进程&#…

keil调试的时候没问题,下载时候没反应

今天遇到这样一个问题。我下载商家的代码例程后单片机没反应&#xff0c;进入调试的时候一切正常。很奇怪&#xff0c;在网上找了教程问题解决&#xff0c;总结一下。 原因在于程序下载进去后没有按下复位键&#xff0c;导致还是之前的程序。我之前设置的是下载后自动复位运行…

【STL】用一棵红黑树封装map和set

⭐博客主页&#xff1a;️CS semi主页 ⭐欢迎关注&#xff1a;点赞收藏留言 ⭐系列专栏&#xff1a;C进阶 ⭐代码仓库&#xff1a;C进阶 家人们更新不易&#xff0c;你们的点赞和关注对我而言十分重要&#xff0c;友友们麻烦多多点赞&#xff0b;关注&#xff0c;你们的支持是我…

玩转gpgpu-sim 04记—— __cudaRegisterBinary() of gpgpu-sim 到底做了什么

官方文档&#xff1a; GPGPU-Sim 3.x Manual __cudaRegisterBinary(void*) 被执行到的代码逻辑如下&#xff1a; void** CUDARTAPI __cudaRegisterFatBinary( void *fatCubin ) { #if (CUDART_VERSION < 2010)printf("GPGPU-Sim PTX: ERROR ** this version of GPGPU…