ESP8266+TFT显示屏(ST7789 240*240)

一、运行环境:

❤ 操作系统:windows 10 x64

❤ IDE:Arduino1.8.15

❤ 运行库1:TFT_eSPI

❤ 运行库2:ESP8266

❤ 开发板硬件:ESP8266-CH340 , ST7789-240*240-TFT显示屏

二、引脚接线#

ESP8266ST7789备注
GGND
3VVCC
D5SCL
D7SDA
D4RES
D3DC

三、安装TFT_eSPI运行库#

3-1 安装库#

打开Arduino,进入:工具-- > 管理库...,搜索:TFT_eSPI,选择版本,点击安装

下图为已完成安装

3-2 修改头文件代码#

由于本次使用的ST7789TFT显示屏,需要对头文件 User_Setup.h进行修改,该文件在Arduino\libraries\TFT_eSPI目录下

那么Arduino目录在哪里呢?其实打开首选项就能看到,如下图

User_Setup.h 修改位置有三处:

❤ 第一处

保留:#define ST7789_DRIVER 即可

// 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

❤ 第二处

ST7789使用屏幕尺寸为:240*240,故保留:#define TFT_WIDTH 240 和 #define TFT_HEIGHT 240 // ST7789 240 x 240

// 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

❤ 第三处

保留:#define TFT_DC PIN_D3 和 #define TFT_RST PIN_D4

// ###### 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

四、编译、烧写范例到ESP8266#

4-1 编译、烧录#

在 工具-->开发板中选择:NodeMCU 1.0 (ESP 12E Module) 和 开发板与电脑连接的端口号(楼主这里是COM3,换台电脑COM口可能不一致)

打开示例:Color_Test

编译、烧录到ESP8266

4-2 验证结果#

 

 

  • 4
    点赞
  • 37
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
要在ESP8266上驱动TFT屏显示图片,你可以按照以下步骤进行操作: 1. 下载TFT_eSPI和JPEGDecoder库。你可以通过Arduino的“项目”菜单,选择“加载库”然后“管理库”,在库管理器中搜索并安装TFT_eSPI和JPEGDecoder库。 [1] 2. 修改User_Setup.h文件。打开User_Setup.h文件,找到并修改以下参数: - 驱动:将#define ST7789_DRIVER改为你的驱动类型。 - 屏幕尺寸:将#define TFT_WIDTH和#define TFT_HEIGHT改为你的屏幕尺寸(例如240x240)。 - 连引脚:将#define TFT_CS、#define TFT_DC、#define TFT_RST和#define TFT_BL改为你的引脚连。 [1] 3. 编写主程序。可以按照下面的示例代码来编写主程序: ```cpp #include <TFT_eSPI.h> #include "pic1.h" #define BLK 5 TFT_eSPI tft = TFT_eSPI(); void setup() { pinMode(BLK, OUTPUT); tft.init(); //初始化 tft.fillScreen(TFT_BLACK); //设置屏幕颜色为黑色 } void loop() { analogWrite(BLK, 150); tft.setSwapBytes(true); //使图片颜色由RGB->BGR tft.pushImage(30, 40, 200, 112, pic1); //显示图片,参数为图片的位置和尺寸 } ``` 这个示例代码会初始化TFT屏幕,然后在屏幕上显示一张图片。你需要将图片的数据存储在一个对应的数组中(例如pic1)。 [2] 4. 编译和上传代码。将你的ESP8266到电脑上,选择正确的开发板和端口,然后点击Arduino的“编译”按钮来检查代码是否有错误。如果没有错误,点击“上传”按钮将代码上传到ESP8266上。 通过以上步骤,你就可以驱动TFT屏幕显示图片了。记得根据你的具体需求和硬件连,进行相应的修改和调整。 [2<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [Arduino+esp8266+1.3寸TFT屏(st7789驱动)显示图片教程](https://blog.csdn.net/qq_39467371/article/details/126449031)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"] - *2* *3* [使用ESP8266驱动TFT显示屏](https://blog.csdn.net/qq_45355603/article/details/125060769)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值