开源项目，只对动手能力有要求，有现成程序
b站演示视频: https://www.bilibili.com/video/BV1ND4y1W7oS/?spm_id_from=333.999.0.0
效果图
模块和接线方法
使用ESP8266-12F模块，4M空间。OLED使用1.3寸IPS 240*240点阵彩屏，ST7789驱动芯片。
接线：
屏幕 ESP8266-12F
GND<----->G
VCC<----->3V
SCL<----->D5
SDA<----->D7
RES<----->D0
DC <----->D6
BLK<----->3V
程序
//**********************************************************************
//开源项目
//更新加注释 2023/1/10 V1
//
//**********************************************************************
#include "main.h"
#define VERSION "V101"
//--------------------------------------------------------------------------
//WIFI联网配置
void connect_wifi() //联网
{
WiFi.mode(WIFI_STA);
WiFi.begin(WIFI_SSID, WIFI_PASSWORD); //用固定的账号密码连接网络
while (WiFi.status() != WL_CONNECTED) { //未连接上的话
for (uint8_t n = 0; n < 10; n++){ //每500毫秒检测一次状态
PowerOn_Loading(50);
}
}
while(loadNum < 194){ //让动画走完
PowerOn_Loading(1); //加载动画，加载完后串口输出wifi信息
}
Serial.print("\nWiFi connected to: ");
Serial.println(WIFI_SSID);
Serial.print("IP: ");
Serial.println(WiFi.localIP()); //得到IP地址
}
//-------------------------------------------------------------------------
//-------------------------------------------------------------------------
//开机联网动画
void PowerOn_Loading(uint8_t delayTime) //开机联网显示的进度条，输入延时时间
{
clk.setColorDepth(8);
clk.createSprite(200, 50); //创建Sprite
clk.fillSprite(0x0000); //填充颜色
clk.drawRoundRect(0,0,200,16,8,0xFFFF); //画一个圆角矩形
clk.fillRoundRect(3,3,loadNum,10,5,0xFFFF); //画一个填充的圆角矩形
clk.setTextDatum(CC_DATUM); //显示对齐方式
clk.setTextColor(TFT_GREEN, 0x0000); //文本的前景色和背景色
clk.drawString("Connecting to WiFi",100,40,2); //显示文本
clk.pushSprite(20,110); //Sprite中内容一次推向屏幕
clk.deleteSprite(); //删除Sprite
loadNum += 1; //进度条位置变化，直到加载完成
if(loadNum>=194){
loadNum = 194;
}
delay(delayTime);
}
//--------------------------------------------------------------------------
void digitalClockDisplay() //时间显示
{
clk.setColorDepth(8);
//--------------------中间时间区显示开始--------------------
//时分
clk.createSprite(140, 48); //创建Sprite，先在Sprite内存中画点，然后将内存中的点一次推向屏幕，这样刷新比较快
clk.fillSprite(bgColor); //背景色
//clk.loadFont(FxLED_48);
clk.setTextDatum(CC_DATUM); //显示对齐方式
clk.setTextColor(TFT_BLACK, bgColor); //文本的前景色和背景色
clk.drawString(hourMinute(),70,24,7); //绘制时和分
//clk.unloadFont();
clk.pushSprite(28,40); //Sprite中内容一次推向屏幕
clk.deleteSprite(); //删除Sprite
//秒
clk.createSprite(40, 32);
clk.fillSprite(bgColor);
clk.loadFont(FxLED_32); //加载字体
clk.setTextDatum(CC_DATUM);
clk.setTextColor(TFT_BLACK, bgColor);
clk.drawString(num2str(second()),20,16);
clk.unloadFont(); //卸载字体
clk.pushSprite(170,60);
clk.deleteSprite();
//--------------------中间时间区显示结束--------------------
//--------------------底部时间区显示开始--------------------
clk.loadFont(ZdyLwFont_20); //加载汉字字体
//星期
clk.createSprite(58, 32);
clk.fillSprite(bgColor);
clk.setTextDatum(CC_DATUM);
clk.setTextColor(TFT_BLACK, bgColor);
clk.drawString(week(),29,16); //周几
clk.pushSprite(1,168);
clk.deleteSprite();
//月日
clk.createSprite(98, 32);
clk.fillSprite(bgColor);
clk.setTextDatum(CC_DATUM);
clk.setTextColor(TFT_BLACK, bgColor);
clk.drawString(monthDay(),49,16); //几月几日
clk.pushSprite(61,168);
clk.deleteSprite();
clk.unloadFont(); //卸载字体
//--------------------底部时间区显示结束--------------------
}
String week() //星期
{
String wk[7] = {"日","一","二","三","四","五","六"};
String s = "周" + wk[weekday()-1];
return s;
}
String monthDay() //月日
{
String s = String(month());
s = s + "月" + day() + "日";
return s;
}
String hourMinute() //时分
{
String s = num2str(hour());
s = s + ":" + num2str(minute());
return s;
}
String num2str(int digits) //数字转换成字符串，保持2位显示
{
String s = "";
if (digits < 10)
s = s + "0";
s = s + digits;
return s;
}
void printDigits(int digits) //打印时间数据
{
Serial.print(":");
if (digits < 10) //打印两位数字
Serial.print('0');
Serial.print(digits);
}
time_t getNtpTime() //获取NTP时间
{
IPAddress ntpServerIP; //NTP服务器的IP地址
while (Udp.parsePacket() > 0) ; //之前的数据没有处理的话一直等待 discard any previously received packets
WiFi.hostByName(ntpServerName, ntpServerIP); //从网站名获取IP地址
sendNTPpacket(ntpServerIP); //发送数据包
uint32_t beginWait = millis();
while (millis() - beginWait < 1500) {
int size = Udp.parsePacket(); //接收数据
if (size >= NTP_PACKET_SIZE) {
Serial.println("Receive NTP Response");
Udp.read(packetBuffer, NTP_PACKET_SIZE); //从缓冲区读取数据
unsigned long secsSince1900;
secsSince1900 = (unsigned long)packetBuffer[40] << 24;
secsSince1900 |= (unsigned long)packetBuffer[41] << 16;
secsSince1900 |= (unsigned long)packetBuffer[42] << 8;
secsSince1900 |= (unsigned long)packetBuffer[43];
return secsSince1900 - 2208988800UL + timeZone * SECS_PER_HOUR;
}
}
Serial.println("No NTP Response :-(");
return 0; //没获取到数据的话返回0
}
void sendNTPpacket(IPAddress &address) //发送数据包到NTP服务器
{
memset(packetBuffer, 0, NTP_PACKET_SIZE); //缓冲区清零
packetBuffer[0] = 0b11100011; //LI, Version, Mode 填充缓冲区数据
packetBuffer[1] = 0; //Stratum, or type of clock
packetBuffer[2] = 6; //Polling Interval
packetBuffer[3] = 0xEC; //Peer Clock Precision
packetBuffer[12] = 49;
packetBuffer[13] = 0x4E;
packetBuffer[14] = 49;
packetBuffer[15] = 52;
Udp.beginPacket(address, 123); //NTP服务器端口123
Udp.write(packetBuffer, NTP_PACKET_SIZE); //发送udp数据
Udp.endPacket(); //发送结束
}
bool tft_output(int16_t x, int16_t y, uint16_t w, uint16_t h, uint16_t* bitmap)//显示回调函数
{
if (y >= tft.height()) return 0;
tft.pushImage(x, y, w, h, bitmap);
return 1;
}
void getCityCode() //发送HTTP请求并且将服务器响应通过串口输出
{
String URL = "http://wgeo.weather.com.cn/ip/?_="+String(now());
httpClient.begin(URL); //配置请求地址。此处也可以不使用端口号和PATH而单纯的
httpClient.setUserAgent("esp8266"); //用户代理版本，其实没什么用 最重要是后端服务器支持
//httpClient.setUserAgent("Mozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit/604.1.38 (KHTML, like Gecko) Version/11.0 Mobile/15A372 Safari/604.1");//设置请求头中的User-Agent
httpClient.addHeader("Referer", "http://www.weather.com.cn/");
int httpCode = httpClient.GET(); //启动连接并发送HTTP请求
Serial.print("Send GET request to URL: ");
Serial.println(URL);
if (httpCode == HTTP_CODE_OK) { //如果服务器响应OK则从服务器获取响应体信息并通过串口输出
String str = httpClient.getString();
int aa = str.indexOf("id=");
if (aa > -1){ //应答包里找到ID了
cityCode = 101110901;//宝鸡 //str.substring(aa+4,aa+4+9); //9位长度
Serial.println(cityCode);
getCityWeater(); //获取天气信息
LastTime2 = millis();
}
else{ //没有找到ID
Serial.println("获取城市代码失败");
}
}
else{
Serial.println("请求城市代码错误：");
Serial.println(httpCode);
}
httpClient.end(); //关闭与服务器连接
}
void getCityWeater() //获取城市天气
{
String URL = "http://d1.weather.com.cn/weather_index/" + cityCode + ".html?_="+String(now());
httpClient.begin(URL); //配置请求地址。
httpClient.setUserAgent("esp8266"); //用户代理版本，其实没什么用 最重要是后端服务器支持
//httpClient.setUserAgent("Mozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit/604.1.38 (KHTML, like Gecko) Version/11.0 Mobile/15A372 Safari/604.1");//设置请求头中的User-Agent
httpClient.addHeader("Referer", "http://www.weather.com.cn/");
int httpCode = httpClient.GET(); //启动连接并发送HTTP请求
Serial.print("Send GET request to URL: ");
Serial.println(URL);
if (httpCode == HTTP_CODE_OK) { //如果服务器响应OK则从服务器获取响应体信息并通过串口输出
String str = httpClient.getString();
int indexStart = str.indexOf("weatherinfo\":");//寻找起始和结束位置
int indexEnd = str.indexOf("};var alarmDZ");
String jsonCityDZ = str.substring(indexStart+13,indexEnd);//复制字符串
Serial.println(jsonCityDZ);
indexStart = str.indexOf("dataSK ="); //寻找起始和结束位置
indexEnd = str.indexOf(";var dataZS");
String jsonDataSK = str.substring(indexStart+8,indexEnd);//复制字符串
Serial.println(jsonDataSK);
indexStart = str.indexOf("\"f\":["); //寻找起始和结束位置
indexEnd = str.indexOf(",{\"fa");
String jsonFC = str.substring(indexStart+5,indexEnd);//复制字符串
Serial.println(jsonFC);
weaterData(&jsonCityDZ,&jsonDataSK,&jsonFC); //显示天气信息
Serial.println("获取成功");
}
else {
Serial.println("请求城市天气错误：");
Serial.print(httpCode);
}
httpClient.end(); //关闭与服务器连接
}
void weaterData(String *cityDZ,String *dataSK,String *dataFC)//天气信息写到屏幕上
{
DynamicJsonDocument doc(512);
deserializeJson(doc, *dataSK);
JsonObject sk = doc.as<JsonObject>();
clk.setColorDepth(8);
clk.loadFont(ZdyLwFont_20); //加载汉字字体
//温度显示
clk.createSprite(54, 32); //创建Sprite
clk.fillSprite(bgColor); //填充颜色
clk.setTextDatum(CC_DATUM); //显示对齐方式
clk.setTextColor(TFT_BLACK, bgColor); //文本的前景色和背景色
clk.drawString(sk["temp"].as<String>()+"℃",27,16);//显示文本
clk.pushSprite(185,168); //Sprite中内容一次推向屏幕
clk.deleteSprite(); //删除Sprite
//城市名称显示
clk.createSprite(88, 32);
clk.fillSprite(bgColor);
clk.setTextDatum(CC_DATUM);
clk.setTextColor(TFT_BLACK, bgColor);
clk.drawString(sk["cityname"].as<String>(),44,16);
clk.pushSprite(151,1);
clk.deleteSprite();
//PM2.5空气指数显示
uint16_t pm25BgColor = tft.color565(156,202,127);//优
String aqiTxt = "优";
int pm25V = sk["aqi"];
if (pm25V > 200){
pm25BgColor = tft.color565(136,11,32); //重度，显示颜色和空气质量程度
aqiTxt = "重度";
}
else if (pm25V > 150){
pm25BgColor = tft.color565(186,55,121); //中度
aqiTxt = "中度";
}
else if (pm25V > 100){
pm25BgColor = tft.color565(242,159,57); //轻
aqiTxt = "轻度";
}
else if (pm25V > 50){
pm25BgColor = tft.color565(247,219,100); //良
aqiTxt = "良";
}
clk.createSprite(50, 24);
clk.fillSprite(bgColor);
clk.fillRoundRect(0,0,50,24,4,pm25BgColor);
clk.setTextDatum(CC_DATUM);
clk.setTextColor(0xFFFF);
clk.drawString(aqiTxt,25,13);
clk.pushSprite(5,130);
clk.deleteSprite();
//湿度显示
clk.createSprite(56, 24);
clk.fillSprite(bgColor);
clk.setTextDatum(CC_DATUM);
clk.setTextColor(TFT_BLACK, bgColor);
clk.drawString(sk["SD"].as<String>(),28,13);
//clk.drawString("100%",28,13);
clk.pushSprite(180,130);
clk.deleteSprite();
scrollText[0] = "实时天气 " + sk["weather"].as<String>();//滚动显示的数据缓冲区
scrollText[1] = "空气质量 " + aqiTxt;
scrollText[2] = "风向 " + sk["WD"].as<String>()+sk["WS"].as<String>();
//左上角滚动字幕
deserializeJson(doc, *cityDZ);
JsonObject dz = doc.as<JsonObject>();
//Serial.println(sk["ws"].as<String>());
//String aa = "今日天气:" + dz["weather"].as<String>() + "，温度:最低" + dz["tempn"].as<String>() + "，最高" + dz["temp"].as<String>() + " 空气质量:" + aqiTxt + "，风向:" + dz["wd"].as<String>() + dz["ws"].as<String>();
//Serial.println(aa);
scrollText[3] = "今日" + dz["weather"].as<String>();
deserializeJson(doc, *dataFC);
JsonObject fc = doc.as<JsonObject>();
scrollText[4] = "最低温度"+fc["fd"].as<String>()+"℃";
scrollText[5] = "最高温度"+fc["fc"].as<String>()+"℃";
clk.unloadFont(); //卸载字体
}
void scrollBanner() //天气滚动条显示
{
now1 = millis();
if(now1 - LastTime1 > 2500){ //2.5秒切换一次显示内容
if(scrollText[Dis_Count]){ //如果滚动显示缓冲区有数据
clkb.setColorDepth(8);
clkb.loadFont(ZdyLwFont_20); //加载汉字字体
for(int pos = 24; pos>0; pos--){ //24点，每次移动一个点，从下往上移
Dis_Scroll(pos);
}
//clkb.deleteSprite(); //删除Sprite，这个我移动到Dis_Scroll函数里了
clkb.unloadFont(); //卸载字体
if (Dis_Count >= 5){ //总共显示五条信息
Dis_Count = 0; //回第一个
}
else{
Dis_Count += 1; //准备切换到下一个
}
//Serial.println(Dis_Count);
}
LastTime1 = now1;
}
}
void Dis_Scroll(int pos){ //字体滚动
clkb.createSprite(148, 24); //创建Sprite，先在Sprite内存中画点，然后将内存中的点一次推向屏幕，这样刷新比较快
clkb.fillSprite(bgColor); //背景色
clkb.setTextWrap(false);
clkb.setTextDatum(CC_DATUM); //显示对齐方式
clkb.setTextColor(TFT_BLACK, bgColor); //文本的前景色和背景色
clkb.drawString(scrollText[Dis_Count],74,pos+12);//打显示内容
clkb.pushSprite(2,4); //Sprite中内容一次推向屏幕
clkb.deleteSprite(); //删除Sprite
}
void imgAnim(){
int x=80,y=94,dt=30; //瘦子版dt=10毫秒 胖子30较为合适
TJpgDec.drawJpg(x,y,i0, sizeof(i0)); //打一张图片延时一段时间，达到动画效果
delay(dt);
TJpgDec.drawJpg(x,y,i1, sizeof(i1));
delay(dt);
TJpgDec.drawJpg(x,y,i2, sizeof(i2));
delay(dt);
TJpgDec.drawJpg(x,y,i3, sizeof(i3));
delay(dt);
TJpgDec.drawJpg(x,y,i4, sizeof(i4));
delay(dt);
TJpgDec.drawJpg(x,y,i5, sizeof(i5));
delay(dt);
TJpgDec.drawJpg(x,y,i6, sizeof(i6));
delay(dt);
TJpgDec.drawJpg(x,y,i7, sizeof(i7));
delay(dt);
TJpgDec.drawJpg(x,y,i8, sizeof(i8));
delay(dt);
TJpgDec.drawJpg(x,y,i9, sizeof(i9));
delay(dt);
}
void setup()
{
Serial.begin(115200); //初始化串口
Serial.println(); //打印回车换行
tft.init(); //TFT初始化
tft.setRotation(0); //旋转角度0-3
tft.fillScreen(0x0000); //清屏
tft.setTextColor(TFT_BLACK, bgColor); //设置字体颜色
connect_wifi(); //联网处理
Serial.println("Starting UDP"); //连接时间服务器
Udp.begin(localPort);
Serial.print("Local port: ");
Serial.println(Udp.localPort());
Serial.println("waiting for sync");
setSyncProvider(getNtpTime);
setSyncInterval(300);
TJpgDec.setJpgScale(1); //设置放大倍数
TJpgDec.setSwapBytes(true); //交换字节
TJpgDec.setCallback(tft_output); //回调函数
TJpgDec.drawJpg(0,0,watchtop, sizeof(watchtop));//显示顶部图标 240*20
TJpgDec.drawJpg(0,220,watchbottom, sizeof(watchbottom));//显示底部图标 240*20
//绘制一个窗口
tft.setViewport(0, 20, 240, 200); //中间的显示区域大小
tft.fillScreen(0x0000); //清屏
tft.fillRoundRect(0,0,240,200,5,bgColor); //实心圆角矩形
//tft.resetViewport();
//绘制线框
tft.drawFastHLine(0,34,240,TFT_BLACK); //这些坐标都是窗体内部坐标
tft.drawFastVLine(150,0,34,TFT_BLACK);
tft.drawFastHLine(0,166,240,TFT_BLACK);
tft.drawFastVLine(60,166,34,TFT_BLACK);
tft.drawFastVLine(160,166,34,TFT_BLACK);
getCityCode(); //通过IP地址获取城市代码
TJpgDec.drawJpg(161,171,temperature, sizeof(temperature));//温度图标
TJpgDec.drawJpg(159,130,humidity, sizeof(humidity)); //湿度图标
}
void loop()
{
if (timeStatus() != timeNotSet){ //已经获取到数据的话
if (now() != prevDisplay){ //如果本次数据和上次不一样的话，刷新
prevDisplay = now();
digitalClockDisplay();
}
}
if(millis() - LastTime2 > 600000){ //10分钟更新一次天气
LastTime2 = millis();
getCityWeater();
}
scrollBanner(); //天气数据滚动显示
imgAnim(); //太空人显示
}
//-------------------------------------------------------------
#ifndef __MAIN_H__
#define __MAIN_H__
#include <ESP8266WiFi.h>
#include <ESP8266HTTPClient.h>
#include <WiFiUdp.h>
#include <ArduinoJson.h>
#include <TimeLib.h>
#include <TFT_eSPI.h>
#include <SPI.h>
#include <TJpg_Decoder.h>
#include "font/ZdyLwFont_20.h" //字体头文件
#include "font/FxLED_32.h"
#include "img/pangzi/i0.h" //太空人图片
#include "img/pangzi/i1.h"
#include "img/pangzi/i2.h"
#include "img/pangzi/i3.h"
#include "img/pangzi/i4.h"
#include "img/pangzi/i5.h"
#include "img/pangzi/i6.h"
#include "img/pangzi/i7.h"
#include "img/pangzi/i8.h"
#include "img/pangzi/i9.h"
#include "img/temperature.h" //温度图标
#include "img/humidity.h" //湿度图标
#include "img/watch_top.h" //顶部图标
#include "img/watch_bottom.h" //底部图标
TFT_eSPI tft = TFT_eSPI(); //引脚请自行配置tft_espi库中的 User_Setup.h文件
TFT_eSprite clk = TFT_eSprite(&tft);
TFT_eSprite clkb = TFT_eSprite(&tft); //字体滚动用
const char* WIFI_SSID = "YiMing3864"; //家里无线路由器的账号和密码，----------要修改成自己的----------，引号不要去掉
const char* WIFI_PASSWORD = "wj2313464349";
HTTPClient httpClient; //创建 HTTPClient 对象
uint8_t loadNum = 6; //开机启动进度条的起始位置
uint16_t bgColor = 0xFFFF; //背景颜色
String cityCode = "101010100"; //宝鸡 //天气城市代码
uint8_t Dis_Count = 0; //滚动显示内容计数
String scrollText[6]; //滚动显示的数据缓冲区
//---------------------NTP相关参数---------------------
static const char ntpServerName[] = "ntp1.aliyun.com"; //NTP服务器
const int timeZone = 8; //时区，东八区为北京时间
WiFiUDP Udp;
unsigned int localPort = 8888; //连接时间服务器的本地端口号
time_t prevDisplay = 0; //上一次获取到的时间
const int NTP_PACKET_SIZE = 48; //NTP发送数据包长度
byte packetBuffer[NTP_PACKET_SIZE]; //NTP数据包缓冲区
//---------------------Time 相关参数---------------------
int Led_Flag = HIGH; //默认当前灭灯
bool Led_State = false; //灯状态
unsigned long now1; //轮流滚动时间计时
unsigned long LastTime1 = 0;
unsigned long now2; //定时获取天气
unsigned long LastTime2 = 0;
unsigned long now3;
unsigned long LastTime3 = 0; //
time_t getNtpTime();
void digitalClockDisplay();
void printDigits(int digits);
String num2str(int digits);
void sendNTPpacket(IPAddress &address);
#endif
![FileNotFoundError: [Errno 2] No such file or directory VSCode Python插件的工作路径](https://img-blog.csdnimg.cn/b9a1cb06995c4e74b52a69df63e1a222.png)
