久久久久久久999_99精品久久精品一区二区爱城_成人欧美一区二区三区在线播放_国产精品日本一区二区不卡视频_国产午夜视频_欧美精品在线观看免费

 找回密碼
 立即注冊

QQ登錄

只需一步，快速開始

搜索
查看: 1645|回復: 0
打印 上一主題 下一主題
收起左側

【零知ESP8266教程】快速入門21 世界時鐘demo

[復制鏈接]
跳轉到指定樓層
樓主
上次分享了一個本地時鐘，小伙伴覺得不fashion，所以思前想后，做一個世界時鐘，來撐撐場面，也算是一個小拓展。這次，我們一起制作世界時鐘！
一、硬件
電腦，windows系統
零知ESP8266開發板
OLED SSD1306模塊
micro-usb線
杜邦線若干
二、連線









三、軟件庫的查找安裝
（1）查找：可以在零知實驗室查看“無線”下載安裝，也可在github查找安裝。
（亦可評論留言，私發給你）

OLED和WeatherStation

（2）安裝：可以在零知實驗室搜索：本地庫，即可出現安裝教程。
（3）安裝完成后，打開零知開源軟件，選擇對應的開發板，如圖：


（4）我們新建工程，燒寫以下代碼：



  1. #include <ESP8266WiFi.h>
  2. #include <ESP8266HTTPClient.h>
  3. #include <Ticker.h>
  4. #include <JsonListener.h>
  5. #include <SSD1306Wire.h>
  6. #include <OLEDDisplayUi.h>
  7. #include <Wire.h>
  8. #include <WorldClockClient.h>
  9. #include "icons.h"
  10. #include "fonts.h"



  14. /***************************
  15. * Begin Settings
  16. **************************/
  17. // WIFI
  18. const char* WIFI_SSID = "xx";//在這里寫入你的WIFI名字
  19. const char* WIFI_PWD = "xx"; //寫WIFI密碼

  21. // Setup
  22. const int UPDATE_INTERVAL_SECS = 10 * 60; // Update every 10 minutes

  24. // Display Settings
  25. const int I2C_DISPLAY_ADDRESS = 0x3c;
  26. const int SDA_PIN = D3; //
  27. const int SDC_PIN = D4;

  29. // TimeClient settings


  32. // Initialize the oled display for address 0x3c
  33. // sda-pin=14 and sdc-pin=12

  35. SSD1306Wire  display(I2C_DISPLAY_ADDRESS, SDA_PIN, SDC_PIN);
  36. OLEDDisplayUi ui     ( &display );

  38. /***************************
  39. * End Settings
  40. **************************/
  41. //String timeZoneIds [] = {"America/New_York", "Europe/London", "Europe/Paris", "Australia/Sydney", ""};
  42. //WorldClockClient worldClockClient("de", "CH", "E, dd. MMMMM yyyy", 4, timeZoneIds);
  43. //
  44. String timeZoneIds [] = {"America/New_York", "Europe/London", "Europe/Paris", "Australia/Sydney", "Asia/Shanghai"};
  45. WorldClockClient worldClockClient("zh", "CN", "E, dd. MMMMM yyyy", 5, timeZoneIds);

  47. // flag changed in the ticker function every 10 minutes
  48. bool readyForUpdate = false;

  50. String lastUpdate = "--";

  52. Ticker ticker;


  55. void updateData(OLEDDisplay *display) {
  56.   drawProgress(display, 50, "Updating Time...");
  57.   worldClockClient.updateTime();
  58.   drawProgress(display, 100, "Done...");
  59.   readyForUpdate = false;
  60.   delay(1000);
  61. }

  63. void drawProgress(OLEDDisplay *display, int percentage, String label) {
  64.   display->clear();
  65.   display->setTextAlignment(TEXT_ALIGN_CENTER);
  66.   display->setFont(ArialMT_Plain_10);
  67.   display->drawString(64, 10, label);
  68.   display->drawProgressBar(10, 28, 108, 12, percentage);
  69.   display->display();
  70. }

  72. void drawClock(OLEDDisplay *display, int x, int y, int timeZoneIndex, String city, const uint8_t* icon) {
  73.   display->setTextAlignment(TEXT_ALIGN_LEFT);
  74.   display->setFont(ArialMT_Plain_10);
  75.   display->drawString(x + 60, y + 5, city);
  76.   display->setFont(Crushed_Plain_36);
  77.   display->drawXbm(x, y, 60, 60, icon);
  78.   display->drawString(x + 60, y + 15, worldClockClient.getHours(timeZoneIndex) + ":" + worldClockClient.getMinutes(timeZoneIndex));

  80. }

  82. void drawFrame1(OLEDDisplay *display, OLEDDisplayUiState* state, int16_t x, int16_t y) {
  83.   drawClock(display, x, y, 0, "New York",  new_york_bits); //紐約
  84. }

  86. void drawFrame2(OLEDDisplay *display, OLEDDisplayUiState* state, int16_t x, int16_t y) {
  87.   drawClock(display, x, y, 1, "London",  london_bits); //倫敦
  88. }

  90. void drawFrame3(OLEDDisplay *display, OLEDDisplayUiState* state, int16_t x, int16_t y) {
  91.   drawClock(display, x, y, 2, "Paris",  paris_bits);  //巴黎
  92. }

  94. void drawFrame4(OLEDDisplay *display, OLEDDisplayUiState* state, int16_t x, int16_t y) {
  95.   drawClock(display, x, y, 3, "Sydney",  sydney_bits); //悉尼
  96. }

  98. void drawFrame5(OLEDDisplay *display, OLEDDisplayUiState* state, int16_t x, int16_t y) {
  99.   drawClock(display, x, y, 4, "Beijing",  beijing_bits); //北京
  100. }

  102. void setReadyForWeatherUpdate() {
  103.   Serial.println("Setting readyForUpdate to true");
  104.   readyForUpdate = true;
  105. }

  107. // this array keeps function pointers to all frames
  108. // frames are the single views that slide from right to left
  109. FrameCallback frames[] = { drawFrame1, drawFrame2, drawFrame3, drawFrame4, drawFrame5};
  110. int numberOfFrames = 5;

  112. void setup() {
  113.   Serial.begin(115200);
  114.   Serial.println();
  115.   Serial.println();

  117.   // initialize dispaly
  118.   display.init();
  119.   display.clear();
  120.   display.display();

  122.   //display.flipScreenVertically();
  123.   display.setFont(ArialMT_Plain_10);
  124.   display.setTextAlignment(TEXT_ALIGN_CENTER);
  125.   display.setContrast(255);

  127.   WiFi.begin(WIFI_SSID, WIFI_PWD);

  129.   int counter = 0;
  130.   while (WiFi.status() != WL_CONNECTED) {
  131.     delay(500);
  132.     Serial.print(".");
  133.     display.clear();
  134.     display.drawString(64, 10, "Connecting to WiFi");
  135.     display.drawXbm(46, 30, 8, 8, counter % 3 == 0 ? activeSymbol : inactiveSymbol);
  136.     display.drawXbm(60, 30, 8, 8, counter % 3 == 1 ? activeSymbol : inactiveSymbol);
  137.     display.drawXbm(74, 30, 8, 8, counter % 3 == 2 ? activeSymbol : inactiveSymbol);
  138.     display.display();

  140.     counter++;
  141.   }

  143.   ui.setTargetFPS(30);

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

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

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

  156.   // Add frames
  157.   ui.setFrames(frames, numberOfFrames);
  158.    
  159.   ui.setTimePerFrame(2*1000); // Setup frame display time to 10 sec

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

  164.   Serial.println("");

  166.   updateData(&display);

  168.   ticker.attach(UPDATE_INTERVAL_SECS, setReadyForWeatherUpdate);

  170. }

  172. void loop() {

  174.   if (readyForUpdate && ui.getUiState()->frameState == FIXED) {
  175.     updateData(&display);
  176.   }

  178.   int remainingTimeBudget = ui.update();

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

  187. }
復制代碼

（5）驗證代碼，然后上傳

四、結果



同時OLED就可以顯示世界時鐘的效果：


還有效果視頻哦！

分享到:  QQ好友和群QQ好友和群 QQ空間QQ空間 騰訊微博騰訊微博 騰訊朋友騰訊朋友
收藏收藏1 分享淘帖 頂頂 踩踩
回復

使用道具 舉報

您需要登錄后才可以回帖 登錄 | 立即注冊

本版積分規則

小黑屋|51黑電子論壇 |51黑電子論壇6群 QQ 管理員QQ:125739409;技術交流QQ群281945664

Powered by 單片機教程網

快速回復 返回頂部 返回列表
主站蜘蛛池模板： 美女福利视频一区 | 日韩欧美一级精品久久 | 欧美午夜在线 | 国产精品九九九 | 国产精品久久久久久久久久免费看 | 免费在线观看黄视频 | 欧美国产一区二区三区 | 一级免费毛片 | 自拍第1页| 亚洲精品在线看 | 午夜精品久久久久久久99黑人 | 欧美在线一区二区三区 | 日韩中文字幕视频 | 日本电影一区二区 | 毛片一区二区 | 欧美日产国产成人免费图片 | 日本免费网 | 日韩av在线一区 | 国产精品完整版 | 青娱乐av| 黄色一级视频 | 国产一区二区精品 | 伊人久久综合 | 欧美成人精品激情在线观看 | 少妇性l交大片免费一 | 狠狠影院 | 国产精品久久久久久久午夜片 | 国产乱码一二三区精品 | 国产中文字幕在线 | 国产精品3区 | 婷婷激情综合 | 成人在线播放网址 | 激情五月婷婷 | 国产成人午夜电影网 | 二区在线观看 | 91久久国产精品 | 亚洲午夜精品视频 | 一级日批片 | 香蕉久久av | 国产精品小视频在线观看 | 一级毛片网 |