简单明了操作——ESP8266 NodeMCU驱动TFT LCD液晶屏(制作透明小电视前奏)

前言

前几天在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液晶显示屏后,接下来咋们来接线。

扫描二维码关注公众号,回复: 13055244 查看本文章
标号 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

猜你喜欢

转载自blog.csdn.net/qq_45430571/article/details/115321614