電子發(fā)燒友網(wǎng)>電子資料下載>電子資料>通過ESP32制作數(shù)碼相冊(cè)

通過ESP32制作數(shù)碼相冊(cè)

2388811 2023-06-16 | zip | 0.00 MB | 次下載 | 2積分

資料介紹

描述

上周我制作了一個(gè)電子相冊(cè)，可以放在辦公桌上展示一些照片。工作累了可以看看放松一下。以前我已經(jīng)實(shí)現(xiàn)了在 LCD 上顯示格式為 BMP 的圖片。現(xiàn)在我們使用手機(jī)或相機(jī)獲取的大多數(shù)圖片都是JPG格式的，無(wú)法在LCD上使用。

在本教程中，我想分享如何建立一個(gè)可以顯示JPG格式圖片的數(shù)字相冊(cè)。本教程將實(shí)現(xiàn)以下目標(biāo)：

從 SD 卡讀取并顯示 JPG 格式的圖片。

自動(dòng)或手動(dòng)切換圖片。

硬件

ESP32 TFT LCD with Camera 模塊配備 320 x 240 LCD 顯示屏，使用 ili9341 驅(qū)動(dòng)庫(kù)。板上裝有觸控芯片STMPE610，用于觸控。此外，板上還集成了 SD 卡模塊。

帶攝像頭模塊的 ESP32 TFT LCD 滿足我的所有需求，我無(wú)需尋找其他模塊。如果您有所有這些模塊來(lái)替換它，您就可以構(gòu)建自己的數(shù)字相冊(cè)。

Arduino IDE 設(shè)置

安裝 ESP32 開發(fā)板。

安裝 TFT_eSPI 庫(kù)。不要忘記根據(jù)您的硬件更新庫(kù)中的 UserSetup.h 文件。我將在下面列出您需要更新的代碼。

// Only define one driver, the other ones must be commented out
#define ILI9341_DRIVER
//#define ST7735_DRIVER      // Define additional parameters below for this display
//#define ILI9163_DRIVER     // Define additional parameters below for this display

#define TFT_MISO 12//19
#define TFT_MOSI 13//23
#define TFT_SCLK 14//18
#define TFT_CS   15  // Chip select control pin
#define TFT_DC   33// 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

安裝 TJpg_Decode 庫(kù)來(lái)解碼 JPG。

安裝 Adafruit STMPE610 庫(kù)。

固件

獲取 SD 卡上的 JPG 圖片列表。

int get_pic_list(fs::FS &fs, const char *dirname, uint8_t levels, String wavlist[30])
file_num = get_pic_list(SD, "/", 0, file_list);

由于SPI管腳（SPI_SCLK/SPI_MISO/SPI_MOSI）是共用的，所以在使用SPI通訊時(shí)需要手動(dòng)設(shè)置選擇信號(hào)，以保證通訊成功。表示當(dāng) SD 模塊的片選信號(hào)為 LOW 且其他片選信號(hào)為 HIGH 時(shí)，ESP32 通過 SPI 與 SD 模塊通信。

#define SPI_ON_TFT digitalWrite(TFT_CS, LOW)
#define SPI_OFF_TFT digitalWrite(TFT_CS, HIGH)
#define SPI_ON_SD digitalWrite(SD_CS, LOW)
#define SPI_OFF_SD digitalWrite(SD_CS, HIGH)
#define STMPE_ON digitalWrite(STMPE_CS, LOW)
#define STMPE_OFF digitalWrite(STMPE_CS, HIGH)

TJpg_Decoder.h庫(kù)提供了直接從SD卡中讀取JPG圖片數(shù)據(jù)并顯示在屏幕上的功能。

TJpgDec.drawSdJpg(0, 0, file_list[file_index].c_str());

獲取觸摸時(shí)屏幕的位置值。

if (touch.touched())
    {
        // read x & y & z;
        int pos[2] = {0, 0};
        delay(100);      // delay for SPI receive the data
        while (!touch.bufferEmpty())
        {
            touch.readData(&x, &y, &z);
            pos[0] = x * 240 / 4096;
            pos[1] = y * 320 / 4096;            
        }

準(zhǔn)備圖片