1. 准备工作

材料：ESP8266开发板、1.54寸IPS显示屏

开发环境：Arduino

驱动库：TFT_eSPI

连线：

SCK	GPIO14	D5
MOSI	GPIO13	D7
RES	GPIO2	D4
DC	GPIO0	D3
BLK	GPIO5	D1
CS		GND

BLK：控制屏幕亮度

自制驱动板：

2. TFT_eSPI库配置

根据第一步的连线和屏幕的型号进行配置

打开TFT_eSPI库中的User_Setup.h文件进行修改参数，配置结果如下：

①配置驱动

②配置屏幕颜色类型和尺寸 ③配置SPI接线，与前面介绍的连线方式一致

剩下的不用管，测试程序如下：

#include <TFT_eSPI.h>
#define BLK 5TFT_eSPI tft = TFT_eSPI();void setup()
{pinMode(BLK, OUTPUT);tft.init();                           //初始化tft.fillScreen(TFT_BLACK);            //屏幕颜色tft.setCursor(10, 10, 1);             //设置起始坐标(10, 10)，2 号字体tft.setTextColor(TFT_YELLOW);         //设置文本颜色为黄色tft.setTextSize(2);                   //设置文字的大小 (1~7)tft.println("TFT_Text");              //显示文字tft.fillCircle(30, 40, 10, TFT_BLUE); //画圆tft.setTextColor(TFT_WHITE);          //设置文字颜色和背景颜色tft.setCursor(10, 80, 1);             //设置起始坐标(10, 10)，2 号字体tft.println("test1");                 //显示文字
}
void loop()
{analogWrite(BLK, 150);
}

运行结果：

3. TFT常用函数

注：横向为X，纵向为Y

tft.init(); // tft 初始化tft.fillScreen(Color); //color 可用内置的也可以自己设置屏幕颜色tft.setCursor(X, Y, L);    //设置起始坐标(X, Y)，L号字体 L:0~6tft.setTextColor(Color);    //设置文本颜色tft.setTextSize(S);     //设置文字的大小 S:(1~7)tft.println(Str);     //显示文字字符串，仅可显示英文字符，中文字符后续会出详细教程（需要自建汉字库显示）tft.fillCircle(X,Y,R,Color);     //画圆 以(X，Y)为圆心，R为半径。tft.drawLine(X1,Y1, X2, Y2, Color);    //画线，起点（X1，Y1），终点（X2，Y2）。tft.drawPixel(X,Y,Color);    //画点 （X，Y）tft.setTextColor(fg,bg);     //设置文字颜色fg和背景颜色bg。

常用函数与U8G2库类似

4. TFT显示中文汉字

新建一个字库文件MyFont.h用来存储汉字字模数据，将每个汉字转换成对应的16进制数，就可以显示任意中文词语或句子。将这些数据定义为const类型，在硬件上会被保存到ROM中（程序存储器），因为用于计算的RAM随机存储器空间比较小。

定义每个汉字的显示大小为16*16像素

打开字体取模软件PCtoLCD2002.exe，选项进行如下设置：

pgmspace.h是将数据保存在程序存储器中的相关函数，有了这个头文件，你可以定义一个数组，把这个数组保存在ROM中，而不是RAM中。

(1)Myfont.h

#include <pgmspace.h>
const unsigned char hz_han [] =
{
0x00,0x00,0x27,0xF8,0x12,0x08,0x12,0x08,0x82,0x08,0x41,0x10,0x49,0x10,0x09,0x10,
0x10,0xA0,0x10,0xA0,0xE0,0x40,0x20,0x40,0x20,0xA0,0x21,0x10,0x22,0x08,0x0C,0x06,/*"汉",0*/
};
const unsigned char hz_zi [] =
{
0x02,0x00,0x01,0x00,0x7F,0xFE,0x40,0x02,0x80,0x04,0x1F,0xE0,0x00,0x40,0x00,0x80,
0x01,0x00,0xFF,0xFE,0x01,0x00,0x01,0x00,0x01,0x00,0x01,0x00,0x05,0x00,0x02,0x00,/*"字",1*/
};
const unsigned char hz_ce [] =
{
0x00,0x04,0x27,0xC4,0x14,0x44,0x14,0x54,0x85,0x54,0x45,0x54,0x45,0x54,0x15,0x54,
0x15,0x54,0x25,0x54,0xE5,0x54,0x21,0x04,0x22,0x84,0x22,0x44,0x24,0x14,0x08,0x08,/*"测",2*/
};
const unsigned char hz_shi [] =
{0x00,0x28,0x20,0x24,0x10,0x24,0x10,0x20,0x07,0xFE,0x00,0x20,0xF0,0x20,0x17,0xE0,0x11,0x20,0x11,0x10,0x11,0x10,0x15,0x10,0x19,0xCA,0x17,0x0A,0x02,0x06,0x00,0x02,/*"试",3*/
};
//定义结构数组
struct FNT_HZ // 汉字字模数据结构
{char  Index[4];    // 汉字内码索引,如"中",在UTF-8编码下，每个汉字占3个字节，第四个是结束符0const unsigned char* hz_Id;  // 点阵码数据，存放内码后对应的点阵序列每个字需要32个字节的点阵序列unsigned char hz_width;    //序列长度
};//数组hanzi[]  数组元素是FNT_HZ
const FNT_HZ hanzi[] =
{{"汉", hz_han,16}, {"字", hz_zi,16}, {"测", hz_ce,16}, {"试", hz_shi,16}
};

（2）主函数

#include <TFT_eSPI.h>
#include "Myfont.h"
#define BLK 5TFT_eSPI tft = TFT_eSPI();//导入字模，在屏幕上显示的方法
/*******************单个汉字显示****************/
void showMyFont(int32_t x, int32_t y, const char c[3], uint32_t color) { for (int k = 0; k < 25; k++)// 根据字库的字数调节循环的次数if (hanzi[k].Index[0] == c[0] && hanzi[k].Index[1] == c[1] && hanzi[k].Index[2] == c[2]){ tft.drawBitmap(x, y, hanzi[k].hz_Id, hanzi[k].hz_width, 16, color);}
}
/*******************整句汉字显示****************/void showMyFonts(int32_t x, int32_t y, const char str[], uint32_t color) { //显示整句汉字，字库比较简单，上下、左右输出是在函数内实现int x0 = x;for (int i = 0; i < strlen(str); i += 3) {showMyFont(x0, y, str+i, color);x0 += 17;}
}
void setup()
{pinMode(BLK, OUTPUT);tft.init();                           //初始化tft.fillScreen(TFT_BLACK);            //屏幕颜色showMyFonts(40,50,"汉字测试",TFT_GREENYELLOW);
}
void loop()
{analogWrite(BLK, 150);
}

（3）运行结果：

5. TFT显示图片

新建一个pic.h文件，将图片取模的数据存进去，在进行图片取模前，要设置好图片的大小

主程序：

#include <TFT_eSPI.h>
//#include "pic.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->BGRtft.pushImage(30, 40, 200, 112, pic1);
}

运行结果：

6.显示动态图片

与上面类似，只是最后需要把所有数据放在一个指针数组里，每次运行loop显示一帧图片并延时，就可以完成动态照片的显示。

主程序：

#include <TFT_eSPI.h>
//#include "pic.h"
#include "Connect.h"
//#include "As.h"
#define BLK 5
int i = 0;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->BGRtft.pushImage(10, 20, 64, 64, ConnectWifi[i]);delay(100); i += 1;if(i>5){i=0;}
}

7.补充：程序编译错误问题

http://t.csdn.cn/RCrIs

使用ESP8266驱动TFT显示屏相关推荐

ESP8266/ESP32/nodeMcu/wemos D1 MINI开发板用TFT_eSPI库驱动ST7789（240*240）TFT显示屏
ESP8266/ESP32/nodeMcu/wemos D1 MINI开发板用TFT_eSPI库驱动ST7789(240*240)TFT显示屏材料硬件连接引脚连接表引脚连接图安装TFT_eS ...
简单明了操作——ESP8266 NodeMCU驱动TFT LCD液晶屏（制作透明小电视前奏）
简单明了操作--ESP8266 NodeMCU驱动TFT LCD液晶屏(制作透明小电视前奏) 前言准备材料 esp8266 NodeMCU(串口WiFi模块) 1.44inch SPI Arduin ...
TFT显示屏驱动设计与验证
TFT显示屏驱动设计与验证 RGB 接口的 TFT 屏扫描方式和 VGA (Video Graphics Array)标准类似,也是使用行列扫描的方式.在介绍 TFT 屏扫描原理之前,先来介绍下 VG ...
Arduino与Proteus仿真实例-TFT显示屏(ILI9341驱动器)SPI驱动仿真
TFT显示屏(ILI9341驱动器)SPI驱动仿真薄膜晶体管液晶显示器 (TFT LCD) 是一种利用薄膜晶体管技术来提高对比度和可寻址性等品质的液晶显示器 (LCD). TFT 技术意味着使用单独 ...
ESP8266驱动1.44寸TFT屏幕(例程问题)
ESP8266驱动1.44寸TFT屏幕(例程问题) 一.接线说明二.引脚对应 D1 - 5 D2 - 4 D3 - 0 三.修改例程将D1.D2.D3改成5.4.0然后编译上传即可 .D2.D3改 ...
ESP8266+MicroPython开发:ESP8266使用硬件SPI驱动TFT屏幕(ST7735)
由于上次模拟SPI驱动TFT屏幕太慢,所以,本次采用硬件SPI来进行驱动,但是,当我直接把对应SPI接口更换时,发现TFT屏幕驱动并没有因此得到好转,依然是非常的满,然后只能从对应花点铺色,显示字符串 ...
ESP32：使用TFT_eSPI库驱动TFT串口屏
目录实验条件软件部分 TFT_eSPI库的安装配置文件硬件部分 esp32 LCD串口屏接线方式实验部分参考文章本文使用 esp32结合 TFT_eSPI库点亮了一块 ILI9341驱 ...
⑥ESP8266 开发学习笔记_By_GYC 【ESP8266 驱动 OLED屏幕】
⑥ESP8266 开发学习笔记_By_GYC [ESP8266 驱动 OLED屏幕] 目录 ⑥ESP8266 开发学习笔记_By_GYC [ESP8266 驱动 OLED屏幕] 适用范围 user_c ...
单片机开发教程5——51单片机驱动TFT彩屏
文章目录代码例程 TFT模块介绍使用要点减少刷新像素坐标系游戏设计对象 VS Code 代码例程 TFT.zip 开发资料中的例程有些瑕疵,上面是整理后的例程,修改了一些参数,也添加了不 ...
esp8266驱动_【直播视频】微信小程序连接阿里云物联网控制esp8266实现rgb调节。...
前天晚上感谢各位小伙伴的捧场直播:我今年下半年立志会出一档实战视频<微信和支付宝小程序如何控制esp8266>,会第一时间通知大家! 昨晚在遇到一些小问题,耽误了一个小时,开始直播时候喉咙 ...

使用ESP8266驱动TFT显示屏