1.3寸 SH1106 OLED+ESP8266 NodeMCU+DHT11气象站制作过程（三）

最新推荐文章于 2023-01-09 18:40:01 发布
最新推荐文章于 2023-01-09 18:40:01 发布
阅读量5.3k 收藏 30
点赞数 7
分类专栏： 物联网制作 文章标签： esp8266 sh1106 气象站 微信配网 1.3OLED
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43353164/article/details/85320282
版权

由于代码截图讲解不便，所以代码解释直接在代码注释里。

一、非配网版（先试验成功后再试下面的微信配网版）

/**The MIT License (MIT)

Copyright (c) 2018 by Daniel Eichhorn - ThingPulse

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

See more at https://thingpulse.com
*/
//#include <U8g2lib.h>
#include "DHT.h"
#include <Arduino.h>
#include <ESPWiFi.h>
#include <ESPHTTPClient.h>
#include <JsonListener.h>

// time
#include <time.h>                       // time() ctime()
#include <sys/time.h>                   // struct timeval
#include <coredecls.h>                  // settimeofday_cb()

#include "SH1106Wire.h"
#include "OLEDDisplayUi.h"
#include "Wire.h"
#include "OpenWeatherMapCurrent.h"
#include "OpenWeatherMapForecast.h"
#include "WeatherStationFonts.h"
#include "WeatherStationImages.h"


/***************************
 * Begin Settings
 **************************/
#define DHTTYPE DHT11 
#define DHTPIN D5  //dht11 

// WIFI
const char* WIFI_SSID = "J.Fla";                  //WIFI账号
const char* WIFI_PWD = "j.fla123";                //WIFI密码

#define TZ              7       // (utc+) TZ in hours
#define DST_MN          60      // use 60mn for summer time in some countries

// Setup
const int UPDATE_INTERVAL_SECS = 20 * 60; // Update every 20 minutes

// Display Settings
const int I2C_DISPLAY_ADDRESS = 0x3c;

#if defined(ESP8266)
const int SDA_PIN = D1;
const int SDC_PIN = D2;
#else
const int SDA_PIN = D1; //D3;
const int SDC_PIN = D2; //D4;
#endif

//U8G2_SH1106_128X64_NONAME_F_HW_I2C u8g2(U8G2_R0, /* reset=*/ U8X8_PIN_NONE,D2,D1);

// OpenWeatherMap Settings
// Sign up here to get an API key:
// https://docs.thingpulse.com/how-tos/openweathermap-key/
String OPEN_WEATHER_MAP_APP_ID = "798ef2d2c9d7e1a7ae2c5058e2ce03e0";
/*
Go to https://openweathermap.org/find?q= and search for a location. Go through the
result set and select the entry closest to the actual location you want to display 
data for. It'll be a URL like https://openweathermap.org/city/2657896. The number
at the end is what you assign to the constant below.
 */
String OPEN_WEATHER_MAP_LOCATION_ID = "1804540";

// Pick a language code from this list:
// Arabic - ar, Bulgarian - bg, Catalan - ca, Czech - cz, German - de, Greek - el,
// English - en, Persian (Farsi) - fa, Finnish - fi, French - fr, Galician - gl,
// Croatian - hr, Hungarian - hu, Italian - it, Japanese - ja, Korean - kr,
// Latvian - la, Lithuanian - lt, Macedonian - mk, Dutch - nl, Polish - pl,
// Portuguese - pt, Romanian - ro, Russian - ru, Swedish - se, Slovak - sk,
// Slovenian - sl, Spanish - es, Turkish - tr, Ukrainian - ua, Vietnamese - vi,
// Chinese Simplified - zh_cn, Chinese Traditional - zh_tw.
String OPEN_WEATHER_MAP_LANGUAGE = "en";
const uint8_t MAX_FORECASTS = 4;

const boolean IS_METRIC = true;

// Adjust according to your language
const String WDAY_NAMES[] = {"SUN", "MON", "TUE", "WED", "THU", "FRI", "SAT"};
const String MONTH_NAMES[] = {"JAN", "FEB", "MAR", "APR", "MAY", "JUN", "JUL", "AUG", "SEP", "OCT", "NOV", "DEC"};

/***************************
 * End Settings
 **************************/
 // Initialize the oled display for address 0x3c
 // sda-pin=14 and sdc-pin=12
 SH1106Wire     display(I2C_DISPLAY_ADDRESS, SDA_PIN, SDC_PIN);
 OLEDDisplayUi   ui( &display );

OpenWeatherMapCurrentData currentWeather;
OpenWeatherMapCurrent currentWeatherClient;

OpenWeatherMapForecastData forecasts[MAX_FORECASTS];
OpenWeatherMapForecast forecastClient;

#define TZ_MN           ((TZ)*60)
#define TZ_SEC          ((TZ)*3600)
#define DST_SEC         ((DST_MN)*60)
time_t now;

// flag changed in the ticker function every 10 minutes
bool readyForWeatherUpdate = false;

String lastUpdate = "--";

long timeSinceLastWUpdate = 0;

//declaring prototypes
void drawProgress(OLEDDisplay *display, int percentage, String label);
void updateData(OLEDDisplay *display);
void drawDateTime(OLEDDisplay *display, OLEDDisplayUiState* state, int16_t x, int16_t y);
void drawCurrentWeather(OLEDDisplay *display, OLEDDisplayUiState* state, int16_t x, int16_t y);
void drawForecast(OLEDDisplay *display, OLEDDisplayUiState* state, int16_t x, int16_t y);
void drawForecastDetails(OLEDDisplay *display, int x, int y, int dayIndex);
void drawHeaderOverlay(OLEDDisplay *display, OLEDDisplayUiState* state);
void setReadyForWeatherUpdate();
void drawCurrentHT(OLEDDisplay *display, OLEDDisplayUiState* state, int16_t x, int16_t y);


// Add frames
// this array keeps function pointers to all frames
// frames are the single views that slide from right to left
FrameCallback frames[] = { drawDateTime, drawCurrentWeather, drawForecast,drawCurrentHT };
int numberOfFrames = 4;

OverlayCallback overlays[] = { drawHeaderOverlay };
int numberOfOverlays = 1;

DHT dht(DHTPIN, DHTTYPE);

  float old_h  ;
  float old_t  ;

void setup() {
  Serial.begin(115200);
  Serial.println();
  Serial.println();
  
  //initialize dht11
  dht.begin(); 
  //u8g2.begin();
  //u8g2.enableUTF8Print();
  // initialize dispaly
  display.init();
  display.clear();
  display.display();

  //display.flipScreenVertically();
  display.setFont(ArialMT_Plain_10);
  display.setTextAlignment(TEXT_ALIGN_CENTER);
  display.setContrast(255);

  WiFi.begin(WIFI_SSID, WIFI_PWD);

  int counter = 0;
  while (WiFi.status() != WL_CONNECTED) {
    delay(500);
    Serial.print(".");
    display.clear();
    display.drawString(64, 10, "Connecting to WiFi");
    display.drawXbm(46, 30, 8, 8, counter % 3 == 0 ? activeSymbole : inactiveSymbole);
    display.drawXbm(60, 30, 8, 8, counter % 3 == 1 ? activeSymbole : inactiveSymbole);
    display.drawXbm(74, 30, 8, 8, counter % 3 == 2 ? activeSymbole : inactiveSymbole);
    display.display();

    counter++;
  }
  // Get time from network time service
  configTime(TZ_SEC, DST_SEC, "pool.ntp.org");

  ui.setTargetFPS(30);

  ui.setActiveSymbol(activeSymbole);
  ui.setInactiveSymbol(inactiveSymbole);

  // You can change this to
  // TOP, LEFT, BOTTOM, RIGHT
  //ui.setIndicatorPosition(TOP);
  ui.setIndicatorPosition(BOTTOM);

  // Defines where the first frame is located in the bar.
  ui.setIndicatorDirection(LEFT_RIGHT);

  // You can change the transition that is used
  // SLIDE_LEFT, SLIDE_RIGHT, SLIDE_TOP, SLIDE_DOWN
  ui.setFrameAnimation(SLIDE_LEFT);

  ui.setFrames(frames, numberOfFrames);

  ui.setOverlays(overlays, numberOfOverlays);

  // Inital UI takes care of initalising the display too.
  ui.init();

  Serial.println("");

  updateData(&display);

}

void loop() {
  

  if (millis() - timeSinceLastWUpdate > (1000L*UPDATE_INTERVAL_SECS)) {
    setReadyForWeatherUpdate();
    timeSinceLastWUpdate = millis();
  }

  if (readyForWeatherUpdate && ui.getUiState()->frameState == FIXED) {
    updateData(&display);
    
  }

  int remainingTimeBudget = ui.update();

  if (remainingTimeBudget > 0) {
    // You can do some work here
    // Don't do stuff if you are below your
    // time budget.
    
    delay(remainingTimeBudget);
  }
    

}

void drawProgress(OLEDDisplay *display, int percentage, String label) {
  display->clear();
  display->setTextAlignment(TEXT_ALIGN_CENTER);
  display->setFont(ArialMT_Plain_10);
  display->drawString(64, 10, label);
  display->drawProgressBar(2, 28, 124, 10, percentage);
  display->display();
}

void updateData(OLEDDisplay *display) {
  drawProgress(display, 10, "Updating time...");
  drawProgress(display, 30, "Updating weather...");
  currentWeatherClient.setMetric(IS_METRIC);
  currentWeatherClient.setLanguage(OPEN_WEATHER_MAP_LANGUAGE);
  currentWeatherClient.updateCurrentById(&currentWeather, OPEN_WEATHER_MAP_APP_ID, OPEN_WEATHER_MAP_LOCATION_ID);
  drawProgress(display, 50, "Updating forecasts...");
  forecastClient.setMetric(IS_METRIC);
  forecastClient.setLanguage(OPEN_WEATHER_MAP_LANGUAGE);
  uint8_t allowedHours[] = {12};
  forecastClient.setAllowedHours(allowedHours, sizeof(allowedHours));
  forecastClient.updateForecastsById(forecasts, OPEN_WEATHER_MAP_APP_ID, OPEN_WEATHER_MAP_LOCATION_ID, MAX_FORECASTS);

  readyForWeatherUpdate = false;
  drawProgress(display, 100, "Done...");
  delay(1000);
}



void drawDateTime(OLEDDisplay *display, OLEDDisplayUiState* state, int16_t x, int16_t y) {
  now = time(nullptr);
  struct tm* timeInfo;
  timeInfo = localtime(&now);
  char buff[16];


  display->setTextAlignment(TEXT_ALIGN_CENTER);
  display->setFont(ArialMT_Plain_10);
  String date = WDAY_NAMES[timeInfo->tm_wday];

  sprintf_P(buff, PSTR("%s, %04d/%02d/%02d"), WDAY_NAMES[timeInfo->tm_wday].c_str(),  timeInfo->tm_year + 1900, timeInfo->tm_mon+1,timeInfo->tm_mday);   // year /mouth /day
  display->drawString(64 + x, 5 + y, String(buff));
  display->setFont(ArialMT_Plain_24);

  sprintf_P(buff, PSTR("%02d:%02d:%02d"), timeInfo->tm_hour, timeInfo->tm_min, timeInfo->tm_sec);
  display->drawString(64 + x, 13 + y, String(buff));
  display->setTextAlignment(TEXT_ALIGN_LEFT);
}

void drawCurrentWeather(OLEDDisplay *display, OLEDDisplayUiState* state, int16_t x, int16_t y) {
  display->setFont(ArialMT_Plain_10);
  display->setTextAlignment(TEXT_ALIGN_CENTER);
  display->drawString(64 + x, 36 + y, currentWeather.description);                                             //weather description up 2

  display->setFont(ArialMT_Plain_24);
  display->setTextAlignment(TEXT_ALIGN_LEFT);
  String temp = String(currentWeather.temp, 1) + (IS_METRIC ? "°C" : "°F");
  display->drawString(60 + x, 5 + y, temp);

  display->setFont(Meteocons_Plain_36);
  display->setTextAlignment(TEXT_ALIGN_CENTER);
  display->drawString(33 + x, 0 + y, currentWeather.iconMeteoCon);
}


void drawForecast(OLEDDisplay *display, OLEDDisplayUiState* state, int16_t x, int16_t y) {
  drawForecastDetails(display, x, y, 0);
  drawForecastDetails(display, x + 44, y, 1);
  drawForecastDetails(display, x + 88, y, 2);
}

void drawForecastDetails(OLEDDisplay *display, int x, int y, int dayIndex) {
  time_t observationTimestamp = forecasts[dayIndex].observationTime;
  struct tm* timeInfo;
  timeInfo = localtime(&observationTimestamp);
  display->setTextAlignment(TEXT_ALIGN_CENTER);
  display->setFont(ArialMT_Plain_10);
  display->drawString(x + 20, y, WDAY_NAMES[timeInfo->tm_wday]);

  display->setFont(Meteocons_Plain_21);
  display->drawString(x + 20, y + 12, forecasts[dayIndex].iconMeteoCon);
  String temp = String(forecasts[dayIndex].temp, 0) + (IS_METRIC ? "°C" : "°F");
  display->setFont(ArialMT_Plain_10);
  display->drawString(x + 20, y + 34, temp);
  display->setTextAlignment(TEXT_ALIGN_LEFT);
  
  float h = dht.readHumidity();
  float t = dht.readTemperature();
  if (isnan(h) || isnan(t) ) {
    Serial.println("Failed to read from DHT sensor!");
    return;
  }
  else
  {
    Serial.println(h);
    Serial.println(t);
    old_h=h;
    old_t=t;
    }
}

void drawHeaderOverlay(OLEDDisplay *display, OLEDDisplayUiState* state) {
  now = time(nullptr);
  struct tm* timeInfo;
  timeInfo = localtime(&now);
  char buff[14];
  sprintf_P(buff, PSTR("%02d:%02d"), timeInfo->tm_hour, timeInfo->tm_min);

  display->setColor(WHITE);
  display->setFont(ArialMT_Plain_10);
  display->setTextAlignment(TEXT_ALIGN_LEFT);
  display->drawString(0, 52, String(buff));
  display->setTextAlignment(TEXT_ALIGN_RIGHT);
  String temp = String(currentWeather.temp, 1) + (IS_METRIC ? "°C" : "°F");
  display->drawString(128, 52, temp);                                                  //right down time UP 2
  display->drawHorizontalLine(0, 50, 128);                                            //line up 2
}
void drawCurrentHT (OLEDDisplay *display, OLEDDisplayUiState* state, int16_t x, int16_t y)
{
  
 //float old_h=0,old_t=0;
 //float h = dht.readHumidity();
 //float t = dht.readTemperature();
 
 /*if(old_h==h)
 {return;} 
 else
 {
 float h = dht.readHumidity();
 old_h=h;
 }
 
 if(old_t==t)
 {return;} 
 else
 {
 float t = dht.readTemperature();
 old_t=t;
 }
 */
 


  /*if((h!=0)||(t!=0))
  {
    Serial.println(h);
    Serial.println(t);
    }*/
  
  display->setFont(ArialMT_Plain_16);
  display->setTextAlignment(TEXT_ALIGN_LEFT);
  display->drawString(10 + x, 0 + y,"Humt :");
  display->drawString(60 + x, 0 + y,String(old_h));
  display->drawString(100 + x, 0 + y, "%");
  
  display->drawString(10 + x, 25 + y,"Temp :");
  display->drawString(60 + x, 25 + y,String(old_t));
  display->drawString(100 + x, 25 + y, "°C");
  
  
  
  
  /*u8g2.clearBuffer();
  u8g2.setFontMode(1);
  u8g2.setFont(u8g2_font_ncenB10_tf);
  u8g2.setFontDirection(0);
  u8g2.setCursor(5, 15);
  u8g2.print("Humt:");
  u8g2.setCursor(60, 15);
  u8g2.print(h);
  u8g2.setCursor(103, 15);
  u8g2.print("%");
  

  u8g2.setCursor(5, 35);
  u8g2.print("Temp:");
  u8g2.setCursor(60, 35);
  u8g2.print(t);
  u8g2.setCursor(100, 35);
  u8g2.print("°C");
  u8g2.sendBuffer();
  */
  }
  

void setReadyForWeatherUpdate() {
  Serial.println("Setting readyForUpdate to true");
  readyForWeatherUpdate = true;
}

二、微信配网版

/**The MIT License (MIT)



Copyright (c) 2018 by Daniel Eichhorn - ThingPulse



Permission is hereby granted, free of charge, to any person obtaining a copy

of this software and associated documentation files (the "Software"), to deal

in the Software without restriction, including without limitation the rights

to use, copy, modify, merge, publish, distribute, sublicense, and/or sell

copies of the Software, and to permit persons to whom the Software is

furnished to do so, subject to the following conditions:



The above copyright notice and this permission notice shall be included in all

copies or substantial portions of the Software.



THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR

IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,

FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE

AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER

LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,

OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE

SOFTWARE.



See more at https://thingpulse.com

*/



//dht11温湿度传感器头文件

#include "DHTesp.h"

#ifdef ESP32

#pragma message(THIS EXAMPLE IS FOR ESP8266 ONLY!)

#error Select ESP8266 board.

#endif

DHTesp dht;



#include <ESPWiFi.h>

#include <ESPHTTPClient.h>

#include <JsonListener.h>



// time

#include <time.h>                       // time() ctime()

#include <sys/time.h>                   // struct timeval

#include <coredecls.h>                  // settimeofday_cb()



#include "SH1106Wire.h"     //sh1106驱动芯片，头文件

#include "OLEDDisplayUi.h"

#include "Wire.h"

#include "OpenWeatherMapCurrent.h"

#include "OpenWeatherMapForecast.h"

#include "WeatherStationFonts.h"

#include "WeatherStationImages.h"





/***************************

 * Begin Settings

 **************************/



//时区设置

#define TZ              7       // (utc+) TZ in hours

#define DST_MN          60      // use 60mn for summer time in some countries



// Setup

const int UPDATE_INTERVAL_SECS = 20 * 60; // Update every 20 minutes



// Display Settings

const int I2C_DISPLAY_ADDRESS = 0x3c;



//OLED引脚定义

#if defined(ESP8266)

const int SDA_PIN = D1;

const int SDC_PIN = D2;

#else

const int SDA_PIN = D1; //D3;

const int SDC_PIN = D2; //D4;

#endif



// OpenWeatherMap Settings

// Sign up here to get an API key:

// https://docs.thingpulse.com/how-tos/openweathermap-key/

//建议大家自己申请一个API接口，如果都用我下面这个肯定会出现显示不正常的现象，因为免费的有读取频率限制

String OPEN_WEATHER_MAP_APP_ID = "798ef2d2c9d7e1a7ae2c5058e2ce03e0";

/*

Go to https://openweathermap.org/find?q= and search for a location. Go through the

result set and select the entry closest to the actual location you want to display 

data for. It'll be a URL like https://openweathermap.org/city/2657896. The number

at the end is what you assign to the constant below.

 */

 //城市编号

String OPEN_WEATHER_MAP_LOCATION_ID = "1804540";



// Pick a language code from this list:

// Arabic - ar, Bulgarian - bg, Catalan - ca, Czech - cz, German - de, Greek - el,

// English - en, Persian (Farsi) - fa, Finnish - fi, French - fr, Galician - gl,

// Croatian - hr, Hungarian - hu, Italian - it, Japanese - ja, Korean - kr,

// Latvian - la, Lithuanian - lt, Macedonian - mk, Dutch - nl, Polish - pl,

// Portuguese - pt, Romanian - ro, Russian - ru, Swedish - se, Slovak - sk,

// Slovenian - sl, Spanish - es, Turkish - tr, Ukrainian - ua, Vietnamese - vi,

// Chinese Simplified - zh_cn, Chinese Traditional - zh_tw.

String OPEN_WEATHER_MAP_LANGUAGE = "en";

const uint8_t MAX_FORECASTS = 4;



const boolean IS_METRIC = true;



// Adjust according to your language

const String WDAY_NAMES[] = {"SUN", "MON", "TUE", "WED", "THU", "FRI", "SAT"};

const String MONTH_NAMES[] = {"JAN", "FEB", "MAR", "APR", "MAY", "JUN", "JUL", "AUG", "SEP", "OCT", "NOV", "DEC"};



/***************************

 * End Settings

 **************************/

 // Initialize the oled display for address 0x3c

 // sda-pin=14 and sdc-pin=12

 SH1106Wire     display(I2C_DISPLAY_ADDRESS, SDA_PIN, SDC_PIN);

 OLEDDisplayUi   ui( &display );



OpenWeatherMapCurrentData currentWeather;

OpenWeatherMapCurrent currentWeatherClient;



OpenWeatherMapForecastData forecasts[MAX_FORECASTS];

OpenWeatherMapForecast forecastClient;



#define TZ_MN           ((TZ)*60)

#define TZ_SEC          ((TZ)*3600)

#define DST_SEC         ((DST_MN)*60)

time_t now;



// flag changed in the ticker function every 10 minutes

bool readyForWeatherUpdate = false;



String lastUpdate = "--";



long timeSinceLastWUpdate = 0;



//declaring prototypes

void drawProgress(OLEDDisplay *display, int percentage, String label);

void updateData(OLEDDisplay *display);

void drawDateTime(OLEDDisplay *display, OLEDDisplayUiState* state, int16_t x, int16_t y); //界面1

void drawCurrentWeather(OLEDDisplay *display, OLEDDisplayUiState* state, int16_t x, int16_t y); //界面2

void drawForecast(OLEDDisplay *display, OLEDDisplayUiState* state, int16_t x, int16_t y); //界面3

void drawForecastDetails(OLEDDisplay *display, int x, int y, int dayIndex); //界面3

void drawHeaderOverlay(OLEDDisplay *display, OLEDDisplayUiState* state); //底部公共UI界面

void setReadyForWeatherUpdate(); //界面3

void drawCurrentHT(OLEDDisplay *display, OLEDDisplayUiState* state, int16_t x, int16_t y); //界面4

//微信配网

void configwifi( );

void smartConfig();



// Add frames

// this array keeps function pointers to all frames

// frames are the single views that slide from right to left

FrameCallback frames[] = { drawDateTime, drawCurrentWeather, drawForecast,drawCurrentHT };

int numberOfFrames = 4;  //ui界面个数



OverlayCallback overlays[] = { drawHeaderOverlay };

int numberOfOverlays = 1;





  float old_h  ;  //湿度中间变量

  float old_t  ;  //温度度中间变量

  int counter = 0;  //加载点计数



void setup() {

  Serial.begin(115200);

  Serial.println();

  Serial.println();

  pinMode(LED_BUILTIN, OUTPUT);

  //initialize dht11

  dht.setup(D5, DHTesp::DHT11);   //dht11引脚定义

  // initialize dispaly

  display.init();

  display.clear();

  display.display();



  //display.flipScreenVertically();

  display.setFont(ArialMT_Plain_10);      //设置字体大小

  display.setTextAlignment(TEXT_ALIGN_CENTER);    //设置字体中心点为标记点

  display.setContrast(255); 

  



//connect to wifi network

  smartConfig();    //微信配网

  delay(500);

  Serial.println("");

  Serial.println("WiFi connected");

//WIFI连接中显示界面

  int counter = 0;

  while (WiFi.status() != WL_CONNECTED) {

    delay(500);

    Serial.print(".");

    display.clear();

    display.drawString(64, 10, "Connecting to WiFi");

    display.drawXbm(46, 30, 8, 8, counter % 3 == 0 ? activeSymbole : inactiveSymbole);

    display.drawXbm(60, 30, 8, 8, counter % 3 == 1 ? activeSymbole : inactiveSymbole);

    display.drawXbm(74, 30, 8, 8, counter % 3 == 2 ? activeSymbole : inactiveSymbole);

    display.display();



    counter++;

  }

  // Get time from network time service

  configTime(TZ_SEC, DST_SEC, "pool.ntp.org");



  ui.setTargetFPS(30);



  ui.setActiveSymbol(activeSymbole);

  ui.setInactiveSymbol(inactiveSymbole);



  // You can change this to

  // TOP, LEFT, BOTTOM, RIGHT

  //ui.setIndicatorPosition(TOP);

  ui.setIndicatorPosition(BOTTOM);       



  // Defines where the first frame is located in the bar.

  ui.setIndicatorDirection(LEFT_RIGHT);



  // You can change the transition that is used

  // SLIDE_LEFT, SLIDE_RIGHT, SLIDE_TOP, SLIDE_DOWN

  ui.setFrameAnimation(SLIDE_LEFT);    //界面滑动方向



  ui.setFrames(frames, numberOfFrames);



  ui.setOverlays(overlays, numberOfOverlays);



  // Inital UI takes care of initalising the display too.

  ui.init();



  Serial.println("");



  updateData(&display);



}



void loop() {

  



  if (millis() - timeSinceLastWUpdate > (1000L*UPDATE_INTERVAL_SECS)) {

    setReadyForWeatherUpdate();

    timeSinceLastWUpdate = millis();

  }



  if (readyForWeatherUpdate && ui.getUiState()->frameState == FIXED) {

    updateData(&display);

    

  }



  int remainingTimeBudget = ui.update();



  if (remainingTimeBudget > 0) {

    // You can do some work here

    // Don't do stuff if you are below your

    // time budget.

    

    delay(remainingTimeBudget);

  }

    



}



void drawProgress(OLEDDisplay *display, int percentage, String label) {

  display->clear();

  display->setTextAlignment(TEXT_ALIGN_CENTER);

  display->setFont(ArialMT_Plain_10);

  display->drawString(64, 10, label);

  display->drawProgressBar(2, 28, 124, 10, percentage);

  display->display();

}



void updateData(OLEDDisplay *display) {

  drawProgress(display, 10, "Updating time...");

  drawProgress(display, 30, "Updating weather...");

  currentWeatherClient.setMetric(IS_METRIC);

  currentWeatherClient.setLanguage(OPEN_WEATHER_MAP_LANGUAGE);

  currentWeatherClient.updateCurrentById(&currentWeather, OPEN_WEATHER_MAP_APP_ID, OPEN_WEATHER_MAP_LOCATION_ID);

  drawProgress(display, 50, "Updating forecasts...");

  forecastClient.setMetric(IS_METRIC);

  forecastClient.setLanguage(OPEN_WEATHER_MAP_LANGUAGE);

  uint8_t allowedHours[] = {12};

  forecastClient.setAllowedHours(allowedHours, sizeof(allowedHours));

  forecastClient.updateForecastsById(forecasts, OPEN_WEATHER_MAP_APP_ID, OPEN_WEATHER_MAP_LOCATION_ID, MAX_FORECASTS);



  readyForWeatherUpdate = false;

  drawProgress(display, 100, "Done...");

  delay(1000);

}







void drawDateTime(OLEDDisplay *display, OLEDDisplayUiState* state, int16_t x, int16_t y) {

  now = time(nullptr);

  struct tm* timeInfo;

  timeInfo = localtime(&now);

  char buff[16];





  display->setTextAlignment(TEXT_ALIGN_CENTER);

  display->setFont(ArialMT_Plain_10);

  String date = WDAY_NAMES[timeInfo->tm_wday];



  sprintf_P(buff, PSTR("%s, %04d/%02d/%02d"), WDAY_NAMES[timeInfo->tm_wday].c_str(),  timeInfo->tm_year + 1900, timeInfo->tm_mon+1,timeInfo->tm_mday);   // year /mouth /day

  display->drawString(64 + x, 5 + y, String(buff));

  display->setFont(ArialMT_Plain_24);



  sprintf_P(buff, PSTR("%02d:%02d:%02d"), timeInfo->tm_hour, timeInfo->tm_min, timeInfo->tm_sec);

  display->drawString(64 + x, 13 + y, String(buff));

  display->setTextAlignment(TEXT_ALIGN_LEFT);

}



void drawCurrentWeather(OLEDDisplay *display, OLEDDisplayUiState* state, int16_t x, int16_t y) {

  display->setFont(ArialMT_Plain_10);

  display->setTextAlignment(TEXT_ALIGN_CENTER);

  display->drawString(64 + x, 36 + y, currentWeather.description);                                             //weather description up 2



  display->setFont(ArialMT_Plain_24);

  display->setTextAlignment(TEXT_ALIGN_LEFT);

  String temp = String(currentWeather.temp, 1) + (IS_METRIC ? "°C" : "°F");

  display->drawString(55 + x, 5 + y, temp);



  display->setFont(Meteocons_Plain_36);

  display->setTextAlignment(TEXT_ALIGN_CENTER);

  display->drawString(33 + x, 0 + y, currentWeather.iconMeteoCon);

}





void drawForecast(OLEDDisplay *display, OLEDDisplayUiState* state, int16_t x, int16_t y) {

  drawForecastDetails(display, x, y, 0);

  drawForecastDetails(display, x + 44, y, 1);

  drawForecastDetails(display, x + 88, y, 2);

}



void drawForecastDetails(OLEDDisplay *display, int x, int y, int dayIndex) {

  time_t observationTimestamp = forecasts[dayIndex].observationTime;

  struct tm* timeInfo;

  timeInfo = localtime(&observationTimestamp);

  display->setTextAlignment(TEXT_ALIGN_CENTER);

  display->setFont(ArialMT_Plain_10);

  display->drawString(x + 20, y, WDAY_NAMES[timeInfo->tm_wday]);



  display->setFont(Meteocons_Plain_21);

  display->drawString(x + 20, y + 12, forecasts[dayIndex].iconMeteoCon);

  String temp = String(forecasts[dayIndex].temp, 0) + (IS_METRIC ? "°C" : "°F");

  display->setFont(ArialMT_Plain_10);

  display->drawString(x + 20, y + 34, temp);

  display->setTextAlignment(TEXT_ALIGN_LEFT);

  

 // delay(dht.getMinimumSamplingPeriod());

  float h = dht.getHumidity();

  float t = dht.getTemperature();;

  if (isnan(h) || isnan(t) ) {

    Serial.println("Failed to read from DHT sensor!");

    return;

  }

  else

  {

    Serial.println(h);

    Serial.println(t);

    old_h=h;

    old_t=t;

    }

}



void drawHeaderOverlay(OLEDDisplay *display, OLEDDisplayUiState* state) {

  now = time(nullptr);

  struct tm* timeInfo;

  timeInfo = localtime(&now);

  char buff[14];

  sprintf_P(buff, PSTR("%02d:%02d"), timeInfo->tm_hour, timeInfo->tm_min);



  display->setColor(WHITE);

  display->setFont(ArialMT_Plain_10);

  display->setTextAlignment(TEXT_ALIGN_LEFT);

  display->drawString(0, 52, String(buff));

  display->setTextAlignment(TEXT_ALIGN_RIGHT);

  String temp = String(currentWeather.temp, 1) + (IS_METRIC ? "°C" : "°F");

  display->drawString(128, 52, temp);                                                  //right down time UP 2

  display->drawHorizontalLine(0, 50, 128);                                            //line up 2

}



void setReadyForWeatherUpdate() {

  Serial.println("Setting readyForUpdate to true");

  readyForWeatherUpdate = true;

}

//由于在界面4获取DHT11的数据会产生显示不稳定的现象，所以DHT11数据收集放在界面3，提前收集好数据，界面4做显示的工作。也就是说，这个方案会有些缺陷，界面4无法实时显示温湿度变化。如果需要实时显示，按重置键到未配网界面。

void drawCurrentHT (OLEDDisplay *display, OLEDDisplayUiState* state, int16_t x, int16_t y)

{

    

  display->setFont(ArialMT_Plain_16);

  display->setTextAlignment(TEXT_ALIGN_LEFT);

  display->drawString(10 + x, 0 + y,"Humt :");

  display->drawString(60 + x, 0 + y,String(old_h));

  display->drawString(100 + x, 0 + y, "%");

  

  display->drawString(10 + x, 25 + y,"Temp :");

  display->drawString(60 + x, 25 + y,String(old_t));

  display->drawString(100 + x, 25 + y, "°C");

  

  }

  void configwifi( )     //未联网显示界面

{

  

    display.clear();

    display.drawString(30, 50, "WiFi  Waiting");

    display.drawXbm(65,  53, 8, 8, counter % 6 == 0 ? activeSymbole : inactiveSymbole);

    display.drawXbm(75,  53, 8, 8, counter % 6 == 1 ? activeSymbole : inactiveSymbole);

    display.drawXbm(85,  53, 8, 8, counter % 6 == 2 ? activeSymbole : inactiveSymbole);

    display.drawXbm(95,  53, 8, 8, counter % 6 == 3 ? activeSymbole : inactiveSymbole);

    display.drawXbm(105, 53, 8, 8, counter % 6 == 4 ? activeSymbole : inactiveSymbole);

    display.drawXbm(115, 53, 8, 8, counter % 6 == 5 ? activeSymbole : inactiveSymbole);

    display.drawHorizontalLine(0, 50, 128);                               //画一条水平直线



    display.setFont(ArialMT_Plain_16);                                     //设置字体的大小

    display.setTextAlignment(TEXT_ALIGN_LEFT);                 //以字符的左上角为标记点

    display.drawString(10 , 0 ,"Humt :");

    display.drawString(60 , 0 ,String(old_h));

    display.drawString(100 , 0 , "%");

  

    display.drawString(10 , 25  ,"Temp :");                                 //前面的数字是x,y坐标，也就是上面标记点的坐标，后面的字符是显示的内容

    display.drawString(60 , 25  ,String(old_t));                          //将中间变量float转成字符型，并显示

    display.drawString(100 , 25 , "°C");



    display.setFont(ArialMT_Plain_10);

    display.setTextAlignment(TEXT_ALIGN_CENTER);

        

    display.display();      

    counter++;

   }

   

   void smartConfig()

{

  WiFi.mode(WIFI_STA);

  Serial.println("\r\nWait for Smartconfig...");

  WiFi.beginSmartConfig();

  while (1)

  {

    Serial.print(".");

    digitalWrite(LED_BUILTIN, HIGH);   // turn the LED on (HIGH is the voltage level)

    delay(350);                                    // wait for a second

    digitalWrite(LED_BUILTIN, LOW);    // turn the LED off by making the voltage LOW

    delay(350);     

  //    dht11 get data

    

    float h = dht.getHumidity();

    float t = dht.getTemperature();

    if (isnan(h) || isnan(t) ) {

    Serial.println("Failed to read from DHT sensor!");

    return;

  }

  else

  {

    Serial.println(h);

    Serial.println(t);

    old_h=h;

    old_t=t;

    }

       

    if (WiFi.smartConfigDone())

    { 

      Serial.println("SmartConfig Success");

      Serial.printf("SSID:%s\r\n", WiFi.SSID().c_str());

      Serial.printf("PSW:%s\r\n", WiFi.psk().c_str());   

      break;

    }

    configwifi( );

  }

}
/*
作者：Jawa_D
https://www.bilibili.com/read/cv1773561
出处： bilibili
*/

这个项目到此就告一段落了，如果后续有时间会设计一个外壳，并用3D打印机打出来。

祝君成功！

紧急补充一下，我上传的资源中的源代码中DHT11使用的是下图中的库文件，没有解释清楚，非常抱歉！

在这里插入图片描述

爆肝攻城狮笔记
关注
  • 7
    点赞
  • 踩
  • 30
    收藏
    觉得还不错? 一键收藏
  • 20
    评论
专栏目录
NodeMCU ESP8266 操作 SSD1306 OLED显示屏详解（图文并茂）
一名热爱技术的工程师的博客。分享技术干货，记录美好生活。永远相信美好的事情即将发生。
05-08 561
我们将在本教程中使用的OLED显示屏是SSD1306型号：单色0.96英寸显示屏，像素为128×64，如下图所示。OLED显示屏不需要背光，这在黑暗环境中会产生非常好的对比度。此外，它的像素仅在打开时消耗能量，因此与其他显示器相比，OLED显示器消耗的功率更少。我们使用的模型有四个引脚，使用I2C通信协议与任何微控制器通信。有些型号带有额外的RESET引脚，或者使用SPI通信协议进行通信。由于OLED显示器使用I2C通信协议，因此布线非常简单。您可以使用下表作为参考。
ESP8266 驱动1.3寸SH1106 OLED屏幕显示库
perseverance51博客
01-23 1556
ESP8266 驱动1.3寸SH1106 OLED屏幕显示库
STM32f103c8t6(c6t6)-ESP8266+onenet+dht11+oled+bh1750+远程控制led-pwm
01-03
STM32(c6t6或c8t6)采集温湿度、光照强度后在本地OLED显示 通过8266将采集到的数据上传到onenet云平台进行显示 远程控制led状态+调节led灯的亮度（pwm）
esp8266下使用sh1106 的1.3寸 oled 屏幕
Sean.Pu的专栏
08-26 2200
很多0.96寸的oled 屏幕使用的是ssd1306 ,而为了稍微屏幕大一点买了1.3寸的IIC 版本，结果是sh1106,这几天重新打算用的使用麻烦来了，用不起来了，找了很多sh1106 的驱动都不行。各种方案切换，都不行！ Adafruit_SH110X 不行！ OLED_SSD1306_-_SH1106 不行 U8g2 也不行 说实话特别讨厌U8g2，它的文件太大了，每次编译都要很久！ 因为前几天买了中景园的1.5寸的屏幕，所以这次就想它作为oled的大厂应该有方案，结果一试果然行。 全部
1.3寸 SH1106 OLED+ESP8266 NodeMCU+DHT11气象站制作过程（二）
大头工程师笔记
12-26 4738
一、获取天气信息API和城市编码 1.打开examples中的 WeatherStationDome （1）修改时间 下图红框内是默认值，保持不变时间将显示异常 修改后 （2）获取API 点击红框内的网址，进入网页用邮箱注册一个账号，可以免费获取API，将获取的API字符串粘贴到下面红框中双引号内 没有账号的话，点击Sign up注册一个 进入下面的网址，点击API，在右侧红框内输入一...
ESP8266+SH1106 OLED屏实现天气预报+温度显示+NTP时间同步5屏带中文显示V7.4版
perseverance51博客
01-11 1097
ESP8266+SH1106 OLED屏实现天气预报+温度显示+NTP时间同步5屏带中文显示V7.4版 一版程序出了总是会有修不完的bug，由于现实内容的增加，活动页面显示不够用，将DS18B20获取的数据用浮点数变量来存储，精度提高到了2位，虽然结果提高了精度显示，但是OLED显示界面与动态页面显示对象有重叠，不得不又修改相关显示内容。 显示效果如下： 目前为止，还有一个bug没有解决的是，一直连续供电显示，隔天后，农历不能自动更新出来，断电重启后自动就更新了。之前为了保存断电读取EEPROM，
1.3寸 SH1106 OLED+ESP8266 NodeMCU+DHT11气象站
12-25
该程序为本人博客1.3寸 SH1106 OLED+ESP8266 NodeMCU+DHT11气象站教程中的源码
stm32_esp8266.rar_DHT11 STM32F103_STM32 8266_STM32+ESP8266+DHT11
07-15
标题中的"stm32_esp8266.rar_DHT11 STM32F103_STM32 8266_STM32+ESP8266+DHT11"揭示了这个项目的核心组成部分：STM32微控制器（具体型号为STM32F103）、DHT11温湿度传感器以及ESP8266 WiFi模块。这个压缩包可能包含...
Arduino uno+esp8266+onenet+dht11温湿度传感器+MQ-2烟雾传感器
11-25
本文将详细讲解一个基于Arduino Uno、ESP8266 WiFi模块、DHT11温湿度传感器和MQ-2烟雾传感器的项目，以及如何利用Onenet云平台远程监控和接收这些传感器的数据。 首先，Arduino Uno是一款基于Atmel AVR微控制器的...
基于点灯科技的温湿度传感器设计：STM32C8T6+DHT11+0.96寸oled显示屏+ESP8266
07-11
统由Stm32芯片作为核心处理器，Dht11温湿度传感器模块作为检测 传感器，并由Oled显示屏进行显示，最后通过esp8266无线wifi传输到服务器端，服务器端转发到android端进行显示，并能在温度过高时进行震动提醒。...
Arduino for esp8266 1.3寸OLED 显示多边形缩放动画
perseverance51博客
06-15 795
Arduino for esp8266 1.3寸OLED 显示多边形缩放动画 #include "SH1106Wire.h" //1.3寸用这个 //#include "SSD1306Wire.h" //0.96寸用这个 #include "OLEDDisplayUi.h" #if defined(ESP8266) //OLED引脚定义 const int SDA_PIN = D2; //对应nodemcu接D5或者D1，，wemosD1mini的D2 const int SCL_PIN =
基于ESP8266+DHT11+7脚OLED屏实时监测温湿度（Arduino）
weixin_62080953的博客
12-16 4817
基于ESP8266+DHT11+7脚OLED屏实时监测温湿度（Arduino）
arduino+esp8266+dht11+0.96寸oled屏幕显示温湿度
qq_51325651的博客
01-09 1165
esp8266读取温湿度
ESP8266+DHT11+0.96寸 SSD1306 OLED网络小气象站
qq_49171089的博客
03-08 2936
ESP8266+DHT11+0.96寸 SSD1306 OLED网络小气象站 一、简介 本方案的开发环境为Ardunio，开发板为使用ESP-12E模组的NodeMCU，传感器使用DHT11模组，显示屏使用采用SSD1306驱动芯片的0.96寸oled模组或是采用SH1106驱动芯片的1.3寸oled模组。它能实现所在环境温湿度显示和NTP时钟、今日天气及后三天的天气显示。不联网的状态下闪烁指示灯、只显示本地温湿度信息一个界面。微信配网成功状态下，一共四个界面。第一个界面是NTP时钟、星期日期；第二界面显示
6. 毕业设计温湿度监控系统（ESP8266 + DHT11 +OLED 实时上传温湿度数据给公网服务器并在OLED显示屏上显示实时温湿度）
qq_30135687的博客
06-23 4293
毕业设计--温湿度监控系统，使用ESP8266 NodeMCU做主控，获取DHT11的温湿度参数，实时将温湿度参数显示在OLED液晶显示屏上，并通过网络将数据上传给公网服务器，服务器中的Web服务是通过Django搭建起来的。...
esp8266使用dht22实时获取温湿度+oled显示（接入blinker）
刘墨苏的技术博客
04-01 7175
文章目录一、前言二、过程三、接线四、配置Blinker五、输入程序 一、前言 使用esp8266、dht22、0.96寸oled和点灯科技平台，来创造出一个当前室内温湿度+显示到oled上+上传到物联网平台使手机可以远程看到当前温湿度。 二、过程 首先在Arduino中安装OLED库（在搜索框中输入SSD1306，然后再输入GFX） 然后安装DHT传感器库（在搜索框中输入DHT，建议使用1.2.3版本兼容性好一点） 如果你安装的速度很慢可以参考这个：Arduino IDE中添加ESP8266开发板管理器地址
【ESP 保姆级教程】疯狂传感器篇 —— 案例：ESP8266 + 火焰传感器 + 串口输出（火警预防）
单片机菜鸟哥的博客
04-13 2093
测试火焰传感器检测火焰数据，测试阶段可以通过打火机靠近测试，串口输出内容。
Esp8266+DHT11+光线传感器做一个智能家居相关的一个小玩意
热门推荐
要加油哇
11-07 1万+
男朋友自己弄了一个智能家居产品，在开发过程中遇到很多问题，网上的解决办法很少，他想把自己的经历发出来，帮助一下被这些问题困扰着的朋友。 有项目想要合作或者有问题可以给他发邮件 ：mahaojie299@163.com（可以直接给他发邮件，我也不太懂这方便的知识o） （以下是他原稿转载请注明出处，他csdn不能用，帮他发一下啦~） 今天做了个有意思的东西，给大家分享下！文章跨度比较大，涉...
【ESP 保姆级教程】疯狂传感器篇 —— 案例：ESP8266 + DHT11 + WebServer页面 + OLED显示屏（检测温湿度、液晶屏显示、Web页面显示）
单片机菜鸟哥的博客
06-08 2386
学习如何在ESP8266获取到DHT11温湿度数据，并且在web页面上显示出数值，同时支持在OLED 1306上显示数值。
esp8266 nodemcu+dht11+oled
最新发布
11-29
ESP8266 NodeMCU是一款可编程的开发板，它集成了ESP8266芯片和USB-TTL串口转换芯片，可以轻松连接到电脑进行编程和调试。DHT11是一款温湿度传感器，能够检测周围环境的温度和湿度，并将这些数据通过数字信号传送给主控芯片。而OLED是一种有机发光二极管显示技术，具有低功耗、高对比度和快速响应的特点。 在实际项目中，我们可以通过ESP8266 NodeMCU连接DHT11和OLED，并使用固件编程语言如Arduino或Micropython编写代码，实现温湿度数据的采集和显示。 首先，我们需要将DHT11连接到NodeMCU，使用单总线协议与NodeMCU进行通信。通过读取DHT11返回的数字信号，我们可以获取到当前环境的温度和湿度数值。接着，我们可以将这些数据传输到OLED屏幕上进行显示。通过调用相应的库函数，我们可以轻松控制OLED显示模块，将温湿度数据以可视化的方式呈现。 此外，ESP8266 NodeMCU还具有Wi-Fi功能，可以与网络连接。我们可以进一步扩展功能，使得NodeMCU可以将温湿度数据上传到服务器或云平台，从而实现远程监控和数据分析。 综上所述，ESP8266 NodeMCU、DHT11和OLED是一组功能强大的硬件组件，它们可以配合编程实现环境监测和数据显示。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 20
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值