简单明了操作——ESP8266 NodeMCU驱动TFT LCD液晶屏(制作透明小电视前奏)
- 前言
- 准备材料
-
- esp8266 NodeMCU(串口WiFi模块)
- 1.44inch SPI Arduino Module Black SKU:MAR1442(TFT液晶显示屏)
- 接线
- 烧录程序
- 工作流程
- 后记
- 参考资料
前言
前几天在B站看到了透明小电视,顿时就被吸引了过去,除去3D打印,电焊线路,分光棱镜啥的,简单来说其涉及到的也无非就这三样东西:
- esp8266
- 显示屏
- 显示的内容(复杂点的可写前后端)
于是这两天就把玩了一下esp8266 NodeMCU和TFT液晶显示屏
在搜集了大量的资料后,我发现这个esp8266驱动显示屏这块一个是种类繁多,再加上众多网上教程复杂难懂,不适合初学者。再考虑到广大小白创客者的心情后,我把我这几天的成果整理了整理,对各位小伙伴来说应该是相当友好~
准备材料
- esp8266 NodeMCU(串口WiFi模块) 淘宝价格十来块
- 1.44inch SPI Arduino Module Black SKU:MAR1442(TFT液晶显示屏) 淘宝价格二十左右
我这里用的是常见的esp8266 NodeMCU开发版,可用arduino IDE编程;
显示屏选用的是网上教程较少的一种显示屏——TFT(Thin Film Transistor)LCD,又称为主动式电晶薄膜晶体管液晶显示屏,也就是被很多人俗称的真彩液晶显示屏;
具体可参考:1.44inch SPI Arduino Module Black SKU资料
更多显示屏资料可参考:http://www.lcdwiki.com/Main_Page
esp8266 NodeMCU(串口WiFi模块)
产品实物图:
其产品引脚说明:
1.44inch SPI Arduino Module Black SKU:MAR1442(TFT液晶显示屏)
标号 | PIN | 引脚说明 |
---|---|---|
1 | VCC | 电源正 |
2 | GND | 电源正 |
3 | GND | 电源地 |
4 | NC | 无定义,保留,不需要接线 |
5 | NC | 无定义,保留,不需要接线 |
6 | LED | LCD背光控制信号(如不需要控制,请接3.3V) |
7 | CLK | LCD SPI总线时钟引脚 |
8 | SDI | LCD SPI总线数据引脚 |
9 | RS | LCD寄存器、数据选择控制引脚 |
10 | RST | LCD复位控制引脚 |
11 | CS | LCD片选控制引脚 |
接线
带大家初步了解了esp8266 NodeMCU和TFT液晶显示屏后,接下来咋们来接线。
标号 | esp8266 NodeMCU 对应的接线引脚 | TFT液晶显示屏对应的接线引脚 |
---|---|---|
1 | D1 | RS |
2 | D2 | RST |
3 | D5 | CLK |
4 | D7 | SDI |
5 | D8 | CS |
6 | GND | GND |
7 | 3V | VCC |
8 | 3V | LED |
以下为接线图:
其程序与接线相对应,以下为部分程序代码:
//这里只展现部分代码,详细代码见下方链接
#include <ESP8266WiFi.h>
#include <WiFiClient.h>
#include <ESP8266WebServer.h>
#include <ESP8266mDNS.h>
#include <FS.h>
#include <Adafruit_GFX.h> // Core graphics library
#include <Adafruit_ST7735.h> // Hardware-specific library
#include <SPI.h>
#define TFT_CS 15 // Chip select line for TFT display
#define TFT_RST 4 // Reset line for TFT (or see below...)
#define TFT_DC 5 // Data/command line for TFT
......
烧录程序
烧录这一步网上有大量教程,这里也无异,简单提及一下吧
准备工作:
1.安装arduino ide for esp8266(使用arduino ide开发8266).
2.找到自己的arduino里的libraries位置,加载附件中的库文件到ide目录中。(ST7735S库略微修改过给8266使用)
3.看看示例我们知道了这个tft屏的用法。
4.下载烧录附件中的源码。
5.可选,安装附件中的Bonjour服务,用于mdns,可在浏览器输入域名访问8266的web,直接访问esp8266fs.local即可。
工作流程
Created with Raphaël 2.2.0 8266连接路由器(WIFI或热点) 8266建立web服务器 电脑访问web页面 发送图片给TFT显示 yes no后记
前段时间买了个25.4mm,1:1的分光棱镜(拼夕夕上都要七八十元),接下来打算研究研究网上热炒的透明小电视,并再其基础上加上更多功能,各位小伙伴们好好期待吧~
对了!我在同学们在烧录程序后留有一个小问题,也不算bug,感兴趣的同学可以自行百度搜索,或者在评论区下方留言
参考资料
ESP8266 TFT(ST7735)彩屏-web刷图
程序代码链接:
链接:https://pan.xunlei.com/s/VMX16xkL2h72fE67_MFRvb0rA1
提取码:ish5