江苏省城乡建设局网站,网络联盟推广,公司网页动画,页面简洁的网站忘记过去#xff0c;超越自己 ❤️ 博客主页 单片机菜鸟哥#xff0c;一个野生非专业硬件IOT爱好者 ❤️❤️ 本篇创建记录 2023-10-21 ❤️❤️ 本篇更新记录 2023-10-21 ❤️#x1f389; 欢迎关注 #x1f50e;点赞 #x1f44d;收藏 ⭐️留言#x1f4dd;#x1f64… 忘记过去超越自己 ❤️ 博客主页 单片机菜鸟哥一个野生非专业硬件IOT爱好者 ❤️❤️ 本篇创建记录 2023-10-21 ❤️❤️ 本篇更新记录 2023-10-21 ❤️ 欢迎关注 点赞 收藏 ⭐️留言 此博客均由博主单独编写不存在任何商业团队运营如发现错误请留言轰炸哦及时修正感谢支持 Arduino ESP8266教程累计帮助过超过1W同学入门学习硬件网络编程入选过选修课程刊登过无线电杂志 零基础从入门到熟悉Arduino平台下开发ESP8266同时会涉及网络编程知识。专栏文章累计超过60篇分为基础篇、网络篇、应用篇、高级篇涵盖ESP8266大部分开发技巧。 快速导航 单片机菜鸟的博客快速索引(快速找到你要的)
如果觉得有用麻烦点赞收藏您的支持是博主创作的动力。 文章目录 1. 前言2. 软件代码2.1 TFT屏幕的配置文件2.2 主工程代码2.3 tft显示代码2.4 睡眠模式2.5 获取天气信息 1. 前言 2. 软件代码 2.1 TFT屏幕的配置文件
// USER DEFINED SETTINGS
// Set driver type, fonts to be loaded, pins used and SPI control method etc
//
// See the User_Setup_Select.h file if you wish to be able to define multiple
// setups and then easily select which setup file is used by the compiler.
//
// If this file is edited correctly then all the library example sketches should
// run without the need to make any more changes for a particular hardware setup!
// Note that some sketches are designed for a particular TFT pixel width/height// User defined information reported by Read_User_Setup test diagnostics example
#define USER_SETUP_INFO User_Setup// Define to disable all #warnings in library (can be put in User_Setup_Select.h)
//#define DISABLE_ALL_LIBRARY_WARNINGS// ##################################################################################
//
// Section 1. Call up the right driver file and any options for it
//
// ##################################################################################// Define STM32 to invoke optimised processor support (only for STM32)
//#define STM32// Defining the STM32 board allows the library to optimise the performance
// for UNO compatible MCUfriend style shields
//#define NUCLEO_64_TFT
//#define NUCLEO_144_TFT// STM32 8 bit parallel only:
// If STN32 Port A or B pins 0-7 are used for 8 bit parallel data bus bits 0-7
// then this will improve rendering performance by a factor of ~8x
//#define STM_PORTA_DATA_BUS
//#define STM_PORTB_DATA_BUS// Tell the library to use parallel mode (otherwise SPI is assumed)
//#define TFT_PARALLEL_8_BIT
//#defined TFT_PARALLEL_16_BIT // **** 16 bit parallel ONLY for RP2040 processor ****// Display type - only define if RPi display
//#define RPI_DISPLAY_TYPE // 20MHz maximum SPI// Only define one driver, the other ones must be commented out
//#define ILI9341_DRIVER // Generic driver for common displays
//#define ILI9341_2_DRIVER // Alternative ILI9341 driver, see https://github.com/Bodmer/TFT_eSPI/issues/1172
//#define ST7735_DRIVER // Define additional parameters below for this display
//#define ILI9163_DRIVER // Define additional parameters below for this display
//#define S6D02A1_DRIVER
//#define RPI_ILI9486_DRIVER // 20MHz maximum SPI
//#define HX8357D_DRIVER
//#define ILI9481_DRIVER
//#define ILI9486_DRIVER
//#define ILI9488_DRIVER // WARNING: Do not connect ILI9488 display SDO to MISO if other devices share the SPI bus (TFT SDO does NOT tristate when CS is high)
#define ST7789_DRIVER // Full configuration option, define additional parameters below for this display
//#define ST7789_2_DRIVER // Minimal configuration option, define additional parameters below for this display
//#define R61581_DRIVER
//#define RM68140_DRIVER
//#define ST7796_DRIVER
//#define SSD1351_DRIVER
//#define SSD1963_480_DRIVER
//#define SSD1963_800_DRIVER
//#define SSD1963_800ALT_DRIVER
//#define ILI9225_DRIVER
//#define GC9A01_DRIVER// Some displays support SPI reads via the MISO pin, other displays have a single
// bi-directional SDA pin and the library will try to read this via the MOSI line.
// To use the SDA line for reading data from the TFT uncomment the following line:// #define TFT_SDA_READ // This option is for ESP32 ONLY, tested with ST7789 and GC9A01 display only// For ST7735, ST7789 and ILI9341 ONLY, define the colour order IF the blue and red are swapped on your display
// Try ONE option at a time to find the correct colour order for your display// #define TFT_RGB_ORDER TFT_RGB // Colour order Red-Green-Blue
// #define TFT_RGB_ORDER TFT_BGR // Colour order Blue-Green-Red
// #define TFT_INVERSION_OFF
// For M5Stack ESP32 module with integrated ILI9341 display ONLY, remove // in line below// #define M5STACK// For ST7789, ST7735, ILI9163 and GC9A01 ONLY, define the pixel width and height in portrait orientation
// #define TFT_WIDTH 80
// #define TFT_WIDTH 128
// #define TFT_WIDTH 172 // ST7789 172 x 320
#define TFT_WIDTH 240 // ST7789 240 x 240 and 240 x 320
// #define TFT_HEIGHT 160
// #define TFT_HEIGHT 128
#define TFT_HEIGHT 240 // ST7789 240 x 240
// #define TFT_HEIGHT 320 // ST7789 240 x 320
// #define TFT_HEIGHT 240 // GC9A01 240 x 240// For ST7735 ONLY, define the type of display, originally this was based on the
// colour of the tab on the screen protector film but this is not always true, so try
// out the different options below if the screen does not display graphics correctly,
// e.g. colours wrong, mirror images, or stray pixels at the edges.
// Comment out ALL BUT ONE of these options for a ST7735 display driver, save this
// this User_Setup file, then rebuild and upload the sketch to the board again:// #define ST7735_INITB
// #define ST7735_GREENTAB
// #define ST7735_GREENTAB2
// #define ST7735_GREENTAB3
// #define ST7735_GREENTAB128 // For 128 x 128 display
// #define ST7735_GREENTAB160x80 // For 160 x 80 display (BGR, inverted, 26 offset)
// #define ST7735_ROBOTLCD // For some RobotLCD arduino shields (128x160, BGR, https://docs.arduino.cc/retired/getting-started-guides/TFT)
// #define ST7735_REDTAB
// #define ST7735_BLACKTAB
// #define ST7735_REDTAB160x80 // For 160 x 80 display with 24 pixel offset// If colours are inverted (white shows as black) then uncomment one of the next
// 2 lines try both options, one of the options should correct the inversion.// #define TFT_INVERSION_ON
// #define TFT_INVERSION_OFF// ##################################################################################
//
// Section 2. Define the pins that are used to interface with the display here
//
// ##################################################################################// If a backlight control signal is available then define the TFT_BL pin in Section 2
// below. The backlight will be turned ON when tft.begin() is called, but the library
// needs to know if the LEDs are ON with the pin HIGH or LOW. If the LEDs are to be
// driven with a PWM signal or turned OFF/ON then this must be handled by the user
// sketch. e.g. with digitalWrite(TFT_BL, LOW);// #define TFT_BL 32 // LED back-light control pin
// #define TFT_BACKLIGHT_ON HIGH // Level to turn ON back-light (HIGH or LOW)// We must use hardware SPI, a minimum of 3 GPIO pins is needed.
// Typical setup for ESP8266 NodeMCU ESP-12 is :
//
// Display SDO/MISO to NodeMCU pin D6 (or leave disconnected if not reading TFT)
// Display LED to NodeMCU pin VIN (or 5V, see below)
// Display SCK to NodeMCU pin D5
// Display SDI/MOSI to NodeMCU pin D7
// Display DC (RS/AO)to NodeMCU pin D3
// Display RESET to NodeMCU pin D4 (or RST, see below)
// Display CS to NodeMCU pin D8 (or GND, see below)
// Display GND to NodeMCU pin GND (0V)
// Display VCC to NodeMCU 5V or 3.3V
//
// The TFT RESET pin can be connected to the NodeMCU RST pin or 3.3V to free up a control pin
//
// The DC (Data Command) pin may be labelled AO or RS (Register Select)
//
// With some displays such as the ILI9341 the TFT CS pin can be connected to GND if no more
// SPI devices (e.g. an SD Card) are connected, in this case comment out the #define TFT_CS
// line below so it is NOT defined. Other displays such at the ST7735 require the TFT CS pin
// to be toggled during setup, so in these cases the TFT_CS line must be defined and connected.
//
// The NodeMCU D0 pin can be used for RST
//
//
// Note: only some versions of the NodeMCU provide the USB 5V on the VIN pin
// If 5V is not available at a pin you can use 3.3V but backlight brightness
// will be lower.// ###### EDIT THE PIN NUMBERS IN THE LINES FOLLOWING TO SUIT YOUR ESP8266 SETUP ######// // 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//#define TFT_WR PIN_D2 // Write strobe for modified Raspberry Pi TFT only// ###### FOR ESP8266 OVERLAP MODE EDIT THE PIN NUMBERS IN THE FOLLOWING LINES ######// Overlap mode shares the ESP8266 FLASH SPI bus with the TFT so has a performance impact
// but saves pins for other functions. It is best not to connect MISO as some displays
// do not tristate that line when chip select is high!
// Note: Only one SPI device can share the FLASH SPI lines, so a SPI touch controller
// cannot be connected as well to the same SPI signals.
// On NodeMCU 1.0 SD0MISO, SD1MOSI, CLKSCLK to connect to TFT in overlap mode
// On NodeMCU V3 S0 MISO, S1 MOSI, S2 SCLK
// In ESP8266 overlap mode the following must be defined//#define TFT_SPI_OVERLAP// In ESP8266 overlap mode the TFT chip select MUST connect to pin D3
//#define TFT_CS PIN_D3
//#define TFT_DC PIN_D5 // 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// ###### EDIT THE PIN NUMBERS IN THE LINES FOLLOWING TO SUIT YOUR ESP32 SETUP ######// For ESP32 Dev board (only tested with ILI9341 display)
// The hardware SPI can be mapped to any pins// #define TFT_MISO 19
// #define TFT_MOSI 23
// #define TFT_SCLK 18
// #define TFT_CS 15 // Chip select control pin
// #define TFT_DC 2 // Data Command control pin
// #define TFT_RST 4 // Reset pin (could connect to RST pin)
// #define TFT_RST -1 // Set TFT_RST to -1 if display RESET is connected to ESP32 board RST// For ESP32 Dev board (only tested with GC9A01 display)
// The hardware SPI can be mapped to any pins//#define TFT_MOSI 15 // In some display driver board, it might be written as SDA and so on.
//#define TFT_SCLK 14
//#define TFT_CS 5 // Chip select control pin
//#define TFT_DC 27 // Data Command control pin
//#define TFT_RST 33 // 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// For the M5Stack module use these #define lines
//#define TFT_MISO 19
//#define TFT_MOSI 23
//#define TFT_SCLK 18
//#define TFT_CS 14 // Chip select control pin
//#define TFT_DC 27 // Data Command control pin
//#define TFT_RST 33 // Reset pin (could connect to Arduino RESET pin)
//#define TFT_BL 32 // LED back-light (required for M5Stack)// ###### EDIT THE PINs BELOW TO SUIT YOUR ESP32 PARALLEL TFT SETUP ######// The library supports 8 bit parallel TFTs with the ESP32, the pin
// selection below is compatible with ESP32 boards in UNO format.
// Wemos D32 boards need to be modified, see diagram in Tools folder.
// Only ILI9481 and ILI9341 based displays have been tested!// Parallel bus is only supported for the STM32 and ESP32
// Example below is for ESP32 Parallel interface with UNO displays// Tell the library to use 8 bit parallel mode (otherwise SPI is assumed)
//#define TFT_PARALLEL_8_BIT// The ESP32 and TFT the pins used for testing are:
//#define TFT_CS 33 // Chip select control pin (library pulls permanently low
//#define TFT_DC 15 // Data Command control pin - must use a pin in the range 0-31
//#define TFT_RST 32 // Reset pin, toggles on startup//#define TFT_WR 4 // Write strobe control pin - must use a pin in the range 0-31
//#define TFT_RD 2 // Read strobe control pin//#define TFT_D0 12 // Must use pins in the range 0-31 for the data bus
//#define TFT_D1 13 // so a single register write sets/clears all bits.
//#define TFT_D2 26 // Pins can be randomly assigned, this does not affect
//#define TFT_D3 25 // TFT screen update performance.
//#define TFT_D4 17
//#define TFT_D5 16
//#define TFT_D6 27
//#define TFT_D7 14// ###### EDIT THE PINs BELOW TO SUIT YOUR STM32 SPI TFT SETUP ######// The TFT can be connected to SPI port 1 or 2
//#define TFT_SPI_PORT 1 // SPI port 1 maximum clock rate is 55MHz
//#define TFT_MOSI PA7
//#define TFT_MISO PA6
//#define TFT_SCLK PA5//#define TFT_SPI_PORT 2 // SPI port 2 maximum clock rate is 27MHz
//#define TFT_MOSI PB15
//#define TFT_MISO PB14
//#define TFT_SCLK PB13// Can use Ardiuno pin references, arbitrary allocation, TFT_eSPI controls chip select
//#define TFT_CS D5 // Chip select control pin to TFT CS
//#define TFT_DC D6 // Data Command control pin to TFT DC (may be labelled RS Register Select)
//#define TFT_RST D7 // Reset pin to TFT RST (or RESET)
// OR alternatively, we can use STM32 port reference names PXnn
//#define TFT_CS PE11 // Nucleo-F767ZI equivalent of D5
//#define TFT_DC PE9 // Nucleo-F767ZI equivalent of D6
//#define TFT_RST PF13 // Nucleo-F767ZI equivalent of D7//#define TFT_RST -1 // Set TFT_RST to -1 if the display RESET is connected to processor reset// Use an Arduino pin for initial testing as connecting to processor reset// may not work (pulse too short at power up?)// #define TFT_MISO 19
// #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 -1 // Chip select control pin
// #define TFT_DC 16 // Data Command control pin
// #define TFT_RST 17 // Reset pin (could connect to Arduino RESET pin)
// #define TFT_BL 4 // LED back-light#define TFT_CS -1 // 10 or 34 (FSPI CS0)
#define TFT_MOSI 11 // 11 or 35 (FSPI D)
#define TFT_SCLK 12 // 12 or 36 (FSPI CLK)
#define TFT_MISO -1 // 13 or 37 (FSPI Q)// Use pins in range 0-31
#define TFT_DC 7
#define TFT_RST 6
#define TFT_BL 4 // LED back-light// ##################################################################################
//
// Section 3. Define the fonts that are to be used here
//
// ##################################################################################// Comment out the #defines below with // to stop that font being loaded
// The ESP8366 and ESP32 have plenty of memory so commenting out fonts is not
// normally necessary. If all fonts are loaded the extra FLASH space required is
// about 17Kbytes. To save FLASH space only enable the fonts you need!#define LOAD_GLCD // Font 1. Original Adafruit 8 pixel font needs ~1820 bytes in FLASH
#define LOAD_FONT2 // Font 2. Small 16 pixel high font, needs ~3534 bytes in FLASH, 96 characters
#define LOAD_FONT4 // Font 4. Medium 26 pixel high font, needs ~5848 bytes in FLASH, 96 characters
#define LOAD_FONT6 // Font 6. Large 48 pixel font, needs ~2666 bytes in FLASH, only characters 1234567890:-.apm
#define LOAD_FONT7 // Font 7. 7 segment 48 pixel font, needs ~2438 bytes in FLASH, only characters 1234567890:-.
#define LOAD_FONT8 // Font 8. Large 75 pixel font needs ~3256 bytes in FLASH, only characters 1234567890:-.
//#define LOAD_FONT8N // Font 8. Alternative to Font 8 above, slightly narrower, so 3 digits fit a 160 pixel TFT
#define LOAD_GFXFF // FreeFonts. Include access to the 48 Adafruit_GFX free fonts FF1 to FF48 and custom fonts// Comment out the #define below to stop the SPIFFS filing system and smooth font code being loaded
// this will save ~20kbytes of FLASH
#define SMOOTH_FONT// ##################################################################################
//
// Section 4. Other options
//
// ##################################################################################// For RP2040 processor and SPI displays, uncomment the following line to use the PIO interface.
//#define RP2040_PIO_SPI // Leave commented out to use standard RP2040 SPI port interface// For RP2040 processor and 8 or 16 bit parallel displays:
// The parallel interface write cycle period is derived from a division of the CPU clock
// speed so scales with the processor clock. This means that the divider ratio may need
// to be increased when overclocking. I may also need to be adjusted dependant on the
// display controller type (ILI94341, HX8357C etc). If RP2040_PIO_CLK_DIV is not defined
// the library will set default values which may not suit your display.
// The display controller data sheet will specify the minimum write cycle period. The
// controllers often work reliably for shorter periods, however if the period is too short
// the display may not initialise or graphics will become corrupted.
// PIO write cycle frequency (CPU clock/(4 * RP2040_PIO_CLK_DIV))
//#define RP2040_PIO_CLK_DIV 1 // 32ns write cycle at 125MHz CPU clock
//#define RP2040_PIO_CLK_DIV 2 // 64ns write cycle at 125MHz CPU clock
//#define RP2040_PIO_CLK_DIV 3 // 96ns write cycle at 125MHz CPU clock// For the RP2040 processor define the SPI port channel used (default 0 if undefined)
//#define TFT_SPI_PORT 1 // Set to 0 if SPI0 pins are used, or 1 if spi1 pins used// For the STM32 processor define the SPI port channel used (default 1 if undefined)
//#define TFT_SPI_PORT 2 // Set to 1 for SPI port 1, or 2 for SPI port 2// Define the SPI clock frequency, this affects the graphics rendering speed. Too
// fast and the TFT driver will not keep up and display corruption appears.
// With an ILI9341 display 40MHz works OK, 80MHz sometimes fails
// With a ST7735 display more than 27MHz may not work (spurious pixels and lines)
// With an ILI9163 display 27 MHz works OK.// #define SPI_FREQUENCY 1000000
// #define SPI_FREQUENCY 5000000
// #define SPI_FREQUENCY 10000000
// #define SPI_FREQUENCY 20000000
// #define SPI_FREQUENCY 27000000
#define SPI_FREQUENCY 27000000
// #define SPI_FREQUENCY 40000000
// #define SPI_FREQUENCY 55000000 // STM32 SPI1 only (SPI2 maximum is 27MHz)
// #define SPI_FREQUENCY 80000000// Optional reduced SPI frequency for reading TFT
#define SPI_READ_FREQUENCY 20000000// The XPT2046 requires a lower SPI clock rate of 2.5MHz so we define that here:
#define SPI_TOUCH_FREQUENCY 2500000// The ESP32 has 2 free SPI ports i.e. VSPI and HSPI, the VSPI is the default.
// If the VSPI port is in use and pins are not accessible (e.g. TTGO T-Beam)
// then uncomment the following line:
//#define USE_HSPI_PORT// Comment out the following #define if SPI Transactions do not need to be
// supported. When commented out the code size will be smaller and sketches will
// run slightly faster, so leave it commented out unless you need it!// Transaction support is needed to work with SD library but not needed with TFT_SdFat
// Transaction support is required if other SPI devices are connected.// Transactions are automatically enabled by the library for an ESP32 (to use HAL mutex)
// so changing it here has no effect// #define SUPPORT_TRANSACTIONS
2.2 主工程代码
/** 程序硬件介绍 ESP32 LCD屏幕ST7789* 屏幕使用的中景园1.3寸240分辨率全彩屏幕具体请自己参考引脚定义*/
#include Arduino.h
#include ArduinoJson.h
#include TimeLib.h
#include WiFi.h
#include WiFiUdp.h
#include HTTPClient.h
#include TFT_eSPI.h
#include SPI.h
#include TJpg_Decoder.h
#include esp_sleep.h#include font/ZdyLwFont_20.h
#include font/FxLED_32.h
#include img/gif.h
#include img/temperature.h
#include img/humidity.h
#include img/watch_top.h
#include img/watch_bottom.hconst char ssid[] CMCC-pm3h; // WIFI名称
const char password[] hw2htwv4; // WIFI密码
String cityCode 101280101; // 天气城市代码广州// 睡眠
#define ENABLE_SLEEP 1 // 是否启用夜间睡眠模式
#define SLEEP_COUNT_NIGHT_MAX 12 // 需要跳过几次20-8点不更新
#define SLEEP_TIME_START 20 // 20点开始休眠
#define SLEEP_TIME_END 7 // 8点结束休眠
#define SLEEP_TIME_NIGHT 60 // 夜间休眠60min
#define SLEEP_TIME_DAY 10 // 白天休眠10minTFT_eSPI tft TFT_eSPI(); // 引脚请自行配置tft_espi库中的 User_Setup.h文件
TFT_eSprite clk TFT_eSprite(tft);void setup() {Serial.begin(115200);// #if ENABLE_SLEEP //不休眠
// sleep_at_night(0); //自动休眠检查
// #endifprint_wakeup_reason();tft_init(); //屏幕初始化//连接wifi并刷新进度条if(!wifi_connect()) {// wifi连接失败进入休眠休眠时长 SLEEP_TIME_DAYesp_sleep(SLEEP_TIME_DAY);}ntp_init(); //ntp服务初始化//getCityCode(); //根据IP自动获取城市代码用于后续天气显示tft_display_loading_complete(); // 将进度条刷到100%tft_display_layout(); // 绘制屏幕布局
}time_t time_old 0; //上次时间刷新时间
time_t weather_old 0; //上次天气获取时间
time_t banner_old 0; //上次banner刷新时间
time_t time_now 0; //当前秒
time_t hour_old 0;
time_t hour_now 0;
bool isChangeMode false; // 定义是否切换动图样式void loop(){time_now now();hour_now hour();//刷新时间信息每秒刷新if (time_now ! time_old){time_old time_now;tft_display_time();//整点报时if(hour_now ! hour_old){hour_old hour_now;isChangeMode true;#if ENABLE_SLEEP //不休眠//夜间休眠if(hour_now SLEEP_TIME_START || hour_now SLEEP_TIME_END){sleep_at_night(1); // 立即休眠}#endif}}// 刷新天气信息每30分钟刷新if (time_now - weather_old 30 * 60){weather_old time_now;getCityWeater();}// 刷新banner每3秒刷新if (time_now - banner_old 2){banner_old time_now;tft_display_banner();}// 刷新giftft_display_gif(isChangeMode);if(isChangeMode) isChangeMode false;
}
2.3 tft显示代码
//初始化屏幕
extern void tft_init(void){tft.begin(); // TFT初始化tft.setRotation(0); // 旋转角度0-3tft.setTextColor(TFT_BLACK, TFT_WHITE); //设置字体颜色tft.fillScreen(TFT_BLACK); // 清屏TJpgDec.setJpgScale(1); // 设置放大倍数TJpgDec.setSwapBytes(true); // 它的作用是设置TFT液晶屏的像素字节序。在某些情况下像素字节序可能需要被交换以确保图像正确显示。这段代码中的true表示需要交换字节序而false则表示不需要交换字节序。TJpgDec.setCallback(tft_output); // 回调函数
}extern bool tft_output(int16_t x, int16_t y, uint16_t w, uint16_t h, uint16_t *bitmap) {if (y tft.height())return 0;// 这句代码是将一个位图(bitmap)显示在TFT屏幕上其中x和y是位图左上角的坐标w和h是位图的宽度和高度。具体来说它将位图的像素数据推送到TFT屏幕上从而在指定的位置显示出来。tft.pushImage(x, y, w, h, bitmap);return 1;
}// 进度条
byte loadNum 6;
extern void tft_display_loading(byte delayTime){clk.setColorDepth(8); // 设置TFT屏幕的颜色深度为8位。TFT屏幕的颜色深度指的是每个像素点可以显示的颜色数量8位颜色深度可以显示256种颜色。clk.createSprite(200, 50); // 创建Spriteclk.fillSprite(TFT_BLACK); // 填充颜色黑色clk.drawRoundRect(0, 0, 200, 16, 8, TFT_WHITE); // 画一个圆角矩形框白色clk.fillRoundRect(3, 3, loadNum, 10, 5, TFT_WHITE); // 画一个填充的圆角矩形白色clk.setTextDatum(CC_DATUM); // 设置文本显示基准为居中对齐clk.setTextColor(TFT_GREEN, TFT_BLACK); // 设置文本的前景色和背景色clk.drawString(Connecting to WiFi, 100, 40, 2); // 显示“Connecting to WiFi”这个字符串位置为(100,40)字体大小为2。clk.pushSprite(20, 110); // Sprite中内容一次推向屏幕clk.deleteSprite(); // 删除SpriteloadNum 1;if (loadNum 194){loadNum 194;}delay(delayTime);
}// 将进度条刷到100%
extern void tft_display_loading_complete(void){while (loadNum 194) { //让动画走完tft_display_loading(1);}
} // 绘制屏幕布局
extern void tft_display_layout(void){//绘制顶部视图//TJpgDec.drawJpg(0, 0, watchtop, sizeof(watchtop));//绘制底部视图//TJpgDec.drawJpg(0, 220, watchbottom, sizeof(watchbottom));//绘制中间显示窗口tft.setViewport(0, 0, 240, 240); // 设置TFT屏幕的裁剪区域即在屏幕上显示的区域。其中(0,0)是起始坐标(240,240)是宽度和高度。这意味着只有在这个区域内的图像才会被显示在屏幕上超出这个区域的部分将被裁剪掉。tft.fillScreen(TFT_BLACK); // 填充颜色黑色tft.fillRoundRect(0, 0, 240, 240, 7, TFT_WHITE); // 表示在TFT屏幕上绘制一个左上角坐标为(0, 0)宽度和高度均为240像素圆角半径为7像素填充颜色为白色的圆角矩形。// 在窗口内绘制线框黑色边框tft.drawFastHLine(0, 34, 240, TFT_BLACK); // 在屏幕上从(0,34)这个点开始绘制一条长度为240像素颜色为黑色的水平线条tft.drawFastVLine(150, 0, 34, TFT_BLACK); // 在屏幕上从(150,0)这个点开始绘制一条长度为34像素颜色为黑色的垂直线条tft.drawFastHLine(0, 206, 240, TFT_BLACK); // 表示在屏幕上从(0,206)这个点开始绘制一条长度为240像素颜色为黑色的水平线条tft.drawFastVLine(60, 206, 34, TFT_BLACK); // 在屏幕上从(60,206)这个点开始绘制长度为34像素颜色为黑色的垂直线条tft.drawFastVLine(160, 206, 34, TFT_BLACK); // 在屏幕上从(160,206)这个点开始绘制长度为34像素颜色为黑色的垂直线条// 在窗口内绘制图标TJpgDec.drawJpg(162, 150, humidity, sizeof(humidity)); //湿度图标TJpgDec.drawJpg(163, 210, temperature, sizeof(temperature)); //温度图标
}// 刷新时间显示
extern void tft_display_time(void){// 记录上一次时间static String hourMinute_old ;static String second_old ;static String week_old ;static String monthDay_old ;String hourMinute_now hourMinute();String second_now num2str(second());String week_now week();String monthDay_now monthDay();clk.setColorDepth(8); // 设置TFT屏幕的颜色深度为8位。TFT屏幕的颜色深度指的是每个像素点可以显示的颜色数量8位颜色深度可以显示256种颜色。//--------------------中间时间区显示开始--------------------// 时分if(hourMinute_now ! hourMinute_old){hourMinute_old hourMinute_now;clk.createSprite(140, 48); // 创建Sprite先在Sprite内存中画点然后将内存中的点一次推向屏幕这样刷新比较快clk.fillSprite(TFT_WHITE); // 填充颜色白色//clk.loadFont(FxLED_48);clk.setTextDatum(CC_DATUM); // 设置文本显示基准为居中对齐。clk.setTextColor(TFT_BLACK, TFT_WHITE); // 文本的前景色和背景色clk.drawString(hourMinute_now, 70, 24, 7); // 绘制显示时和分位置为(70,24)字体大小为 7。//clk.unloadFont();clk.pushSprite(28, 40); // Sprite中内容一次推向屏幕clk.deleteSprite(); // 删除Sprite}// 秒if(second_now ! second_old){second_old second_now;clk.createSprite(40, 32);clk.fillSprite(TFT_WHITE);clk.loadFont(FxLED_32); // 加载字体clk.setTextDatum(CC_DATUM);clk.setTextColor(TFT_BLACK, TFT_WHITE);clk.drawString(second_now, 20, 16);clk.unloadFont(); // 卸载字体clk.pushSprite(170, 60);clk.deleteSprite();}//--------------------中间时间区显示结束--------------------//--------------------底部时间区显示开始--------------------clk.loadFont(ZdyLwFont_20); // 加载汉字字体// 星期if(week_now ! week_old){week_old week_now;clk.createSprite(56, 30);clk.fillSprite(TFT_WHITE);clk.setTextDatum(CC_DATUM);clk.setTextColor(TFT_BLACK, TFT_WHITE);clk.drawString(week_now, 28, 15); // 周几clk.pushSprite(2, 208);clk.deleteSprite();}// 月日if(monthDay_now ! monthDay_old) {monthDay_old monthDay_now;clk.createSprite(98, 30);clk.fillSprite(TFT_WHITE);clk.setTextDatum(CC_DATUM);clk.setTextColor(TFT_BLACK, TFT_WHITE);clk.drawString(monthDay_now, 49, 15); // 几月几日clk.pushSprite(61, 208);clk.deleteSprite();}clk.unloadFont(); // 卸载字体//--------------------底部时间区显示结束--------------------
}// 刷新gif
extern void tft_display_gif(bool isChangeMode) {static uint8_t mode 0;static uint8_t index 0;static uint32_t time_old 0;uint8_t x,y,dt;uint32_t time_now 0;if(isChangeMode) {mode 1;if(mode 3) mode1;index 0;time_old 0;}// 修改动画的播放速度switch(mode) {case 1:x80;y104;dt40;break; //动画-龙猫跳绳case 2:x80;y114;dt50;break; //动画-龙猫转圈case 3:x83;y114;dt30;break; //动画-太空人(胖)}time_now millis();if(time_now - time_old dt) {index 1;time_old time_now;}if(mode 1) { //动画-龙猫跳绳switch(index) {case 1: TJpgDec.drawJpg(x,y,chinchilla_1_0, sizeof(chinchilla_1_0));break;case 2: TJpgDec.drawJpg(x,y,chinchilla_1_1, sizeof(chinchilla_1_1));break;case 3: TJpgDec.drawJpg(x,y,chinchilla_1_2, sizeof(chinchilla_1_2));break;case 4: TJpgDec.drawJpg(x,y,chinchilla_1_3, sizeof(chinchilla_1_3));break;case 5: TJpgDec.drawJpg(x,y,chinchilla_1_4, sizeof(chinchilla_1_4));break;case 6: TJpgDec.drawJpg(x,y,chinchilla_1_5, sizeof(chinchilla_1_5));break;case 7: TJpgDec.drawJpg(x,y,chinchilla_1_6, sizeof(chinchilla_1_6));break;case 8: TJpgDec.drawJpg(x,y,chinchilla_1_7, sizeof(chinchilla_1_7));break;case 9: TJpgDec.drawJpg(x,y,chinchilla_1_8, sizeof(chinchilla_1_8));break;case 10: TJpgDec.drawJpg(x,y,chinchilla_1_9, sizeof(chinchilla_1_9));break;case 11: TJpgDec.drawJpg(x,y,chinchilla_1_10, sizeof(chinchilla_1_10));break;case 12: TJpgDec.drawJpg(x,y,chinchilla_1_11, sizeof(chinchilla_1_11));break;case 13: TJpgDec.drawJpg(x,y,chinchilla_1_12, sizeof(chinchilla_1_12));break;case 14: TJpgDec.drawJpg(x,y,chinchilla_1_13, sizeof(chinchilla_1_13));break;case 15: TJpgDec.drawJpg(x,y,chinchilla_1_14, sizeof(chinchilla_1_14));break;case 16: TJpgDec.drawJpg(x,y,chinchilla_1_15, sizeof(chinchilla_1_15));break;case 17: TJpgDec.drawJpg(x,y,chinchilla_1_16, sizeof(chinchilla_1_16));break;case 18: TJpgDec.drawJpg(x,y,chinchilla_1_17, sizeof(chinchilla_1_17));break;case 19: TJpgDec.drawJpg(x,y,chinchilla_1_18, sizeof(chinchilla_1_18));break;case 20: TJpgDec.drawJpg(x,y,chinchilla_1_19, sizeof(chinchilla_1_19));break;case 21: TJpgDec.drawJpg(x,y,chinchilla_1_20, sizeof(chinchilla_1_20));break;case 22: TJpgDec.drawJpg(x,y,chinchilla_1_21, sizeof(chinchilla_1_21));break;case 23: TJpgDec.drawJpg(x,y,chinchilla_1_22, sizeof(chinchilla_1_22));break;case 24: TJpgDec.drawJpg(x,y,chinchilla_1_23, sizeof(chinchilla_1_23));break;case 25: TJpgDec.drawJpg(x,y,chinchilla_1_24, sizeof(chinchilla_1_24));break;case 26: TJpgDec.drawJpg(x,y,chinchilla_1_25, sizeof(chinchilla_1_25));break;case 27: TJpgDec.drawJpg(x,y,chinchilla_1_26, sizeof(chinchilla_1_26));break;case 28: TJpgDec.drawJpg(x,y,chinchilla_1_27, sizeof(chinchilla_1_27));break;case 29: TJpgDec.drawJpg(x,y,chinchilla_1_28, sizeof(chinchilla_1_28));break;case 30: TJpgDec.drawJpg(x,y,chinchilla_1_29, sizeof(chinchilla_1_29));break;case 31: TJpgDec.drawJpg(x,y,chinchilla_1_30, sizeof(chinchilla_1_30));break;case 32: TJpgDec.drawJpg(x,y,chinchilla_1_31, sizeof(chinchilla_1_31));break;case 33: TJpgDec.drawJpg(x,y,chinchilla_1_32, sizeof(chinchilla_1_32));break;case 34: TJpgDec.drawJpg(x,y,chinchilla_1_33, sizeof(chinchilla_1_33));break;case 35: TJpgDec.drawJpg(x,y,chinchilla_1_34, sizeof(chinchilla_1_34));break;case 36: TJpgDec.drawJpg(x,y,chinchilla_1_35, sizeof(chinchilla_1_35));break;case 37: TJpgDec.drawJpg(x,y,chinchilla_1_36, sizeof(chinchilla_1_36));break;case 38: TJpgDec.drawJpg(x,y,chinchilla_1_37, sizeof(chinchilla_1_37));break;case 39: TJpgDec.drawJpg(x,y,chinchilla_1_38, sizeof(chinchilla_1_38));break;case 40: TJpgDec.drawJpg(x,y,chinchilla_1_39, sizeof(chinchilla_1_39));index0;break;}} else if(mode 2) { //动画-龙猫转圈switch(index) {case 1: TJpgDec.drawJpg(x,y,chinchilla_2_0, sizeof(chinchilla_2_0));break;case 2: TJpgDec.drawJpg(x,y,chinchilla_2_1, sizeof(chinchilla_2_1));break;case 3: TJpgDec.drawJpg(x,y,chinchilla_2_2, sizeof(chinchilla_2_2));break;case 4: TJpgDec.drawJpg(x,y,chinchilla_2_3, sizeof(chinchilla_2_3));break;case 5: TJpgDec.drawJpg(x,y,chinchilla_2_4, sizeof(chinchilla_2_4));break;case 6: TJpgDec.drawJpg(x,y,chinchilla_2_5, sizeof(chinchilla_2_5));break;case 7: TJpgDec.drawJpg(x,y,chinchilla_2_6, sizeof(chinchilla_2_6));break;case 8: TJpgDec.drawJpg(x,y,chinchilla_2_7, sizeof(chinchilla_2_7));break;case 9: TJpgDec.drawJpg(x,y,chinchilla_2_8, sizeof(chinchilla_2_8));break;case 10: TJpgDec.drawJpg(x,y,chinchilla_2_9, sizeof(chinchilla_2_9));break;case 11: TJpgDec.drawJpg(x,y,chinchilla_2_10, sizeof(chinchilla_2_10));break;case 12: TJpgDec.drawJpg(x,y,chinchilla_2_11, sizeof(chinchilla_2_11));break;case 13: TJpgDec.drawJpg(x,y,chinchilla_2_12, sizeof(chinchilla_2_12));break;case 14: TJpgDec.drawJpg(x,y,chinchilla_2_13, sizeof(chinchilla_2_13));break;case 15: TJpgDec.drawJpg(x,y,chinchilla_2_14, sizeof(chinchilla_2_14));break;case 16: TJpgDec.drawJpg(x,y,chinchilla_2_15, sizeof(chinchilla_2_15));break;case 17: TJpgDec.drawJpg(x,y,chinchilla_2_16, sizeof(chinchilla_2_16));break;case 18: TJpgDec.drawJpg(x,y,chinchilla_2_17, sizeof(chinchilla_2_17));break;case 19: TJpgDec.drawJpg(x,y,chinchilla_2_18, sizeof(chinchilla_2_18));break;case 20: TJpgDec.drawJpg(x,y,chinchilla_2_19, sizeof(chinchilla_2_19));break;case 21: TJpgDec.drawJpg(x,y,chinchilla_2_20, sizeof(chinchilla_2_20));break;case 22: TJpgDec.drawJpg(x,y,chinchilla_2_21, sizeof(chinchilla_2_21));break;case 23: TJpgDec.drawJpg(x,y,chinchilla_2_22, sizeof(chinchilla_2_22));break;case 24: TJpgDec.drawJpg(x,y,chinchilla_2_23, sizeof(chinchilla_2_23));break;case 25: TJpgDec.drawJpg(x,y,chinchilla_2_24, sizeof(chinchilla_2_24));break;case 26: TJpgDec.drawJpg(x,y,chinchilla_2_25, sizeof(chinchilla_2_25));break;case 27: TJpgDec.drawJpg(x,y,chinchilla_2_26, sizeof(chinchilla_2_26));break;case 28: TJpgDec.drawJpg(x,y,chinchilla_2_27, sizeof(chinchilla_2_27));break;case 29: TJpgDec.drawJpg(x,y,chinchilla_2_28, sizeof(chinchilla_2_28));break;case 30: TJpgDec.drawJpg(x,y,chinchilla_2_29, sizeof(chinchilla_2_29));break;case 31: TJpgDec.drawJpg(x,y,chinchilla_2_30, sizeof(chinchilla_2_30));break;case 32: TJpgDec.drawJpg(x,y,chinchilla_2_31, sizeof(chinchilla_2_31));break;case 33: TJpgDec.drawJpg(x,y,chinchilla_2_32, sizeof(chinchilla_2_32));break;case 34: TJpgDec.drawJpg(x,y,chinchilla_2_33, sizeof(chinchilla_2_33));break;case 35: TJpgDec.drawJpg(x,y,chinchilla_2_34, sizeof(chinchilla_2_34));break;case 36: TJpgDec.drawJpg(x,y,chinchilla_2_35, sizeof(chinchilla_2_35));break;case 37: TJpgDec.drawJpg(x,y,chinchilla_2_36, sizeof(chinchilla_2_36));break;case 38: TJpgDec.drawJpg(x,y,chinchilla_2_37, sizeof(chinchilla_2_37));break;case 39: TJpgDec.drawJpg(x,y,chinchilla_2_38, sizeof(chinchilla_2_38));break;case 40: TJpgDec.drawJpg(x,y,chinchilla_2_39, sizeof(chinchilla_2_39));break;case 41: TJpgDec.drawJpg(x,y,chinchilla_2_40, sizeof(chinchilla_2_40));break;case 42: TJpgDec.drawJpg(x,y,chinchilla_2_41, sizeof(chinchilla_2_41));break;case 43: TJpgDec.drawJpg(x,y,chinchilla_2_42, sizeof(chinchilla_2_42));break;case 44: TJpgDec.drawJpg(x,y,chinchilla_2_43, sizeof(chinchilla_2_43));break;case 45: TJpgDec.drawJpg(x,y,chinchilla_2_44, sizeof(chinchilla_2_44));break;case 46: TJpgDec.drawJpg(x,y,chinchilla_2_45, sizeof(chinchilla_2_45));break;case 47: TJpgDec.drawJpg(x,y,chinchilla_2_46, sizeof(chinchilla_2_46));break;case 48: TJpgDec.drawJpg(x,y,chinchilla_2_47, sizeof(chinchilla_2_47));break;case 49: TJpgDec.drawJpg(x,y,chinchilla_2_48, sizeof(chinchilla_2_48));break;case 50: TJpgDec.drawJpg(x,y,chinchilla_2_49, sizeof(chinchilla_2_49));break;case 51: TJpgDec.drawJpg(x,y,chinchilla_2_50, sizeof(chinchilla_2_50));break;case 52: TJpgDec.drawJpg(x,y,chinchilla_2_51, sizeof(chinchilla_2_51));break;case 53: TJpgDec.drawJpg(x,y,chinchilla_2_52, sizeof(chinchilla_2_52));break;case 54: TJpgDec.drawJpg(x,y,chinchilla_2_53, sizeof(chinchilla_2_53));break;case 55: TJpgDec.drawJpg(x,y,chinchilla_2_54, sizeof(chinchilla_2_54));break;case 56: TJpgDec.drawJpg(x,y,chinchilla_2_55, sizeof(chinchilla_2_55));break;case 57: TJpgDec.drawJpg(x,y,chinchilla_2_56, sizeof(chinchilla_2_56));break;case 58: TJpgDec.drawJpg(x,y,chinchilla_2_57, sizeof(chinchilla_2_57));break;case 59: TJpgDec.drawJpg(x,y,chinchilla_2_58, sizeof(chinchilla_2_58));break;case 60: TJpgDec.drawJpg(x,y,chinchilla_2_59, sizeof(chinchilla_2_59));break;case 61: TJpgDec.drawJpg(x,y,chinchilla_2_60, sizeof(chinchilla_2_60));break;case 62: TJpgDec.drawJpg(x,y,chinchilla_2_61, sizeof(chinchilla_2_61));break;case 63: TJpgDec.drawJpg(x,y,chinchilla_2_62, sizeof(chinchilla_2_62));break;case 64: TJpgDec.drawJpg(x,y,chinchilla_2_63, sizeof(chinchilla_2_63));break;case 65: TJpgDec.drawJpg(x,y,chinchilla_2_64, sizeof(chinchilla_2_64));break;case 66: TJpgDec.drawJpg(x,y,chinchilla_2_65, sizeof(chinchilla_2_65));break;case 67: TJpgDec.drawJpg(x,y,chinchilla_2_66, sizeof(chinchilla_2_66));break;case 68: TJpgDec.drawJpg(x,y,chinchilla_2_67, sizeof(chinchilla_2_67));break;case 69: TJpgDec.drawJpg(x,y,chinchilla_2_68, sizeof(chinchilla_2_68));break;case 70: TJpgDec.drawJpg(x,y,chinchilla_2_69, sizeof(chinchilla_2_69));break;case 71: TJpgDec.drawJpg(x,y,chinchilla_2_70, sizeof(chinchilla_2_70));break;case 72: TJpgDec.drawJpg(x,y,chinchilla_2_71, sizeof(chinchilla_2_71));break;case 73: TJpgDec.drawJpg(x,y,chinchilla_2_72, sizeof(chinchilla_2_72));break;case 74: TJpgDec.drawJpg(x,y,chinchilla_2_73, sizeof(chinchilla_2_73));break;case 75: TJpgDec.drawJpg(x,y,chinchilla_2_74, sizeof(chinchilla_2_74));break;case 76: TJpgDec.drawJpg(x,y,chinchilla_2_75, sizeof(chinchilla_2_75));break;case 77: TJpgDec.drawJpg(x,y,chinchilla_2_76, sizeof(chinchilla_2_76));break;case 78: TJpgDec.drawJpg(x,y,chinchilla_2_77, sizeof(chinchilla_2_77));break;case 79: TJpgDec.drawJpg(x,y,chinchilla_2_78, sizeof(chinchilla_2_78));break;case 80: TJpgDec.drawJpg(x,y,chinchilla_2_79, sizeof(chinchilla_2_79));index0;break;}} else if(mode 3) { //动画-太空人switch(index) {case 1: TJpgDec.drawJpg(x,y,Astronaut_1_0, sizeof(Astronaut_1_0));break;case 2: TJpgDec.drawJpg(x,y,Astronaut_1_1, sizeof(Astronaut_1_1));break;case 3: TJpgDec.drawJpg(x,y,Astronaut_1_2, sizeof(Astronaut_1_2));break;case 4: TJpgDec.drawJpg(x,y,Astronaut_1_3, sizeof(Astronaut_1_3));break;case 5: TJpgDec.drawJpg(x,y,Astronaut_1_4, sizeof(Astronaut_1_4));break;case 6: TJpgDec.drawJpg(x,y,Astronaut_1_5, sizeof(Astronaut_1_5));break;case 7: TJpgDec.drawJpg(x,y,Astronaut_1_6, sizeof(Astronaut_1_6));break;case 8: TJpgDec.drawJpg(x,y,Astronaut_1_7, sizeof(Astronaut_1_7));break;case 9: TJpgDec.drawJpg(x,y,Astronaut_1_8, sizeof(Astronaut_1_8));break;case 10: TJpgDec.drawJpg(x,y,Astronaut_1_9, sizeof(Astronaut_1_9));index0;break;}} else{mode 0;index 0;time_old 0;}
}String scrollText[6];
// 天气信息写到屏幕上
extern void tft_display_weather(String *cityDZ, String *dataSK, String *dataFC)
{DynamicJsonDocument doc(1024);deserializeJson(doc, *dataSK);JsonObject sk doc.asJsonObject();/***绘制相关文字***/clk.setColorDepth(8);clk.loadFont(ZdyLwFont_20); // 加载汉字字体// 温度clk.createSprite(52, 30); // 创建Spriteclk.fillSprite(TFT_WHITE); // 填充颜色clk.setTextDatum(CC_DATUM); // 显示对齐方式clk.setTextColor(TFT_BLACK, TFT_WHITE); // 文本的前景色和背景色clk.drawString(sk[temp].asString() ℃, 26, 15); // 显示文本clk.pushSprite(184, 208); // Sprite中内容一次推向屏幕clk.deleteSprite(); // 删除Sprite// 城市名称clk.createSprite(84, 30);clk.fillSprite(TFT_WHITE);clk.setTextDatum(CC_DATUM);clk.setTextColor(TFT_BLACK, TFT_WHITE);clk.drawString(sk[cityname].asString(), 42, 15);clk.pushSprite(151, 1);clk.deleteSprite();// PM2.5空气指数uint16_t pm25TFT_COLOR tft.color565(156, 202, 127); // 优String aqiTxt 优;int pm25V sk[aqi];if (pm25V 200){pm25TFT_COLOR tft.color565(136, 11, 32); // 重度aqiTxt 重度;}else if (pm25V 150){pm25TFT_COLOR tft.color565(186, 55, 121); // 中度aqiTxt 中度;}else if (pm25V 100){pm25TFT_COLOR tft.color565(242, 159, 57); // 轻aqiTxt 轻度;}else if (pm25V 50){pm25TFT_COLOR tft.color565(247, 219, 100); // 良aqiTxt 良;}// 先绘制背景颜色clk.createSprite(50, 24);clk.fillSprite(TFT_WHITE);clk.fillRoundRect(0, 0, 50, 24, 4, pm25TFT_COLOR);// 再绘制文本clk.setTextDatum(CC_DATUM);clk.setTextColor(TFT_WHITE);clk.drawString(aqiTxt, 25, 13);clk.pushSprite(5, 150);clk.deleteSprite();// 湿度clk.createSprite(56, 24);clk.fillSprite(TFT_WHITE);clk.setTextDatum(CC_DATUM);clk.setTextColor(TFT_BLACK, TFT_WHITE);clk.drawString(sk[SD].asString(), 28, 13);clk.pushSprite(185, 150);clk.deleteSprite();scrollText[0] 实时天气 sk[weather].asString();scrollText[1] 空气质量 aqiTxt;scrollText[2] 风向 sk[WD].asString() sk[WS].asString();// 左上角滚动字幕// 解析第二段JSONdeserializeJson(doc, *cityDZ);JsonObject dz doc.asJsonObject();//Serial.println(sk[ws].asString());//横向滚动方式//String aa 今日天气: dz[weather].asString() 温度:最低 dz[tempn].asString() 最高 dz[temp].asString() 空气质量: aqiTxt 风向: dz[wd].asString() dz[ws].asString();//scrollTextWidth clk.textWidth(scrollText);//Serial.println(aa);scrollText[3] 今日 dz[weather].asString();deserializeJson(doc, *dataFC);JsonObject fc doc.asJsonObject();scrollText[4] 最低温度 fc[fd].asString() ℃;scrollText[5] 最高温度 fc[fc].asString() ℃;//Serial.println(scrollText[0]);clk.unloadFont();
}int currentIndex 0;
int prevTime 0;
TFT_eSprite clkb TFT_eSprite(tft);// 天气滚动条显示
static void scrollTxt(int pos)
{clkb.createSprite(148, 24);clkb.fillSprite(TFT_WHITE);clkb.setTextWrap(false);clkb.setTextDatum(CC_DATUM);clkb.setTextColor(TFT_BLACK, TFT_WHITE);clkb.drawString(scrollText[currentIndex], 74, pos 12);clkb.pushSprite(2, 4);
}extern void tft_display_banner(void){if (scrollText[currentIndex]){clkb.setColorDepth(8);clkb.loadFont(ZdyLwFont_20);for (int pos 24; pos 0; pos--){scrollTxt(pos);}clkb.deleteSprite();clkb.unloadFont();if (currentIndex 5){currentIndex 0; //回第一个} else {currentIndex 1; //准备切换到下一个}}
}
2.4 睡眠模式
#define TFT_COMMAND_HWRESET 0x61 //tft command: HWRESET(61h): Hardeware Reset
#define TFT_COMMAND_SWRESET 0x01 //tft command: SWRESET(01h): Software Reset
#define TFT_COMMAND_SLPIN 0x10 //tft command: SLPIN(10h): Sleep In mode
#define TFT_COMMAND_DLPOFFSAVE 0xBD //tft command: DLPOFFSAVE (BDh): Display off power save
#define TFT_COMMANDDATA_DOFSAVE 0x00 //tft command data: Power save for display off mode. When DOFSAVE0, power consumption in display off mode will be saved.
#define TFT_COMMAND_DELAY 10 //delay 10ms for next command//打开显示
static void tft_display_reset(void){tft.writecommand(TFT_COMMAND_HWRESET);//Hardeware ResetdelayMicroseconds(TFT_COMMAND_DELAY);tft.writecommand(TFT_COMMAND_SWRESET);//Software ResetdelayMicroseconds(TFT_COMMAND_DELAY);
}//关闭显示
static void tft_display_off(void){tft.writecommand(TFT_COMMAND_SLPIN); //tft 设置为 Sleep In modedelayMicroseconds(TFT_COMMAND_DELAY);tft.writecommand(TFT_COMMAND_DLPOFFSAVE); //tft 设置为 Display off power savedelayMicroseconds(TFT_COMMAND_DELAY);tft.writedata(TFT_COMMANDDATA_DOFSAVE);delayMicroseconds(TFT_COMMAND_DELAY);
}#define uS_TO_S_FACTOR 1000000 /* Conversion factor for micro seconds to seconds */
#define TIME_TO_SLEEP 5 /* Time ESP32 will go to sleep (in seconds) */extern void print_wakeup_reason(){esp_sleep_wakeup_cause_t wakeup_reason;wakeup_reason esp_sleep_get_wakeup_cause();switch(wakeup_reason){case ESP_SLEEP_WAKEUP_EXT0 : Serial.println(Wakeup caused by external signal using RTC_IO); break;case ESP_SLEEP_WAKEUP_EXT1 : Serial.println(Wakeup caused by external signal using RTC_CNTL); break;case ESP_SLEEP_WAKEUP_TIMER : Serial.println(Wakeup caused by timer); break;case ESP_SLEEP_WAKEUP_TOUCHPAD : Serial.println(Wakeup caused by touchpad); break;case ESP_SLEEP_WAKEUP_ULP : Serial.println(Wakeup caused by ULP program); break;default : Serial.printf(Wakeup was not caused by deep sleep: %d\n,wakeup_reason); break;}
}// 系统休眠
extern void esp_sleep(unsigned int minutes){tft_display_off(); //关闭显示if (minutes 70) minutes 70;uint32_t timeOut minutes * 60 * 1000000;Serial.println(timeOut);esp_sleep_enable_timer_wakeup(timeOut);// 定时时间,单位μ秒, 类型uint64_t, 所以定时时间要在584942年以内Serial.println(进入睡眠模式);Serial.print(时间睡眠分钟);Serial.println(minutes);esp_deep_sleep_start();
}RTC_DATA_ATTR int RTC_sleep_count_night 0; // 20-8点不更新//夜间休眠, 0-自动1-立即
extern void sleep_at_night(unsigned int type){//立即休眠if (type 1){Serial.println(need sleep);RTC_sleep_count_night 1;esp_sleep(SLEEP_TIME_NIGHT);return;}//自动判断是否休眠Serial.printf(RTC_sleep_count_night: %d\n, RTC_sleep_count_night);// 继续休眠if (RTC_sleep_count_night SLEEP_COUNT_NIGHT_MAX){Serial.println(auto sleep);RTC_sleep_count_night;esp_sleep(SLEEP_TIME_NIGHT);return;}Serial.println(weak up);//不休眠则点亮屏幕tft_display_reset();
}2.5 获取天气信息
//获取城市代码
extern void getCityCode(void)
{String URL http://wgeo.weather.com.cn/ip/?_ String(now());//创建 HTTPClient 对象HTTPClient httpClient;//配置请求地址。此处也可以不使用端口号和PATH而单纯的httpClient.begin(URL);//设置请求头中的User-AgenthttpClient.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);// 不加这一句拿不到对应编号 感觉这里是特意处理了 不建议一直调用httpClient.addHeader(Referer, http://www.weather.com.cn/);//启动连接并发送HTTP请求int httpCode httpClient.GET();Serial.print(Send GET request to URL: );Serial.println(URL);//如果服务器响应OK则从服务器获取响应体信息并通过串口输出if (httpCode HTTP_CODE_OK){String str httpClient.getString();Serial.print(Get Response: );Serial.println(str);int aa str.indexOf(id);if (aa -1){//cityCode str.substring(aa4,aa49).toInt();cityCode str.substring(aa 4, aa 4 9);Serial.println(cityCode);}else{Serial.println(获取城市代码失败);}} else {Serial.println(请求城市代码错误);Serial.println(httpCode);}//关闭与服务器连接httpClient.end();
}// 获取城市天气
extern void getCityWeather(void){String URL http://d1.weather.com.cn/weather_index/ cityCode .html?_ String(now());//创建 HTTPClient 对象HTTPClient httpClient;httpClient.begin(URL);//设置请求头中的User-AgenthttpClient.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);httpClient.addHeader(Referer, http://www.weather.com.cn/);//启动连接并发送HTTP请求int httpCode httpClient.GET();Serial.println(正在获取天气数据);Serial.println(URL);//如果服务器响应OK则从服务器获取响应体信息并通过串口输出if (httpCode HTTP_CODE_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);tft_display_weather(jsonCityDZ, jsonDataSK, jsonFC);Serial.println(获取成功);}else{Serial.println(请求城市天气错误);Serial.print(httpCode);}//关闭与服务器连接httpClient.end();
}
