彩屏显示入门（二）：颜色设置与文本显示 | ESP32学习之旅-Arduino版

用 Arduino 玩转 ESP32 系列历史文章目录：

• ESP32 概述与 Arduino 软件准备

• ESP32 GPIO接口编程入门

• 蓝牙翻页笔（PPT 控制器）

• 新冠肺炎疫情数据实时显示器

• B 站粉丝计数器

• Siri 语音识别控制 LED 灯

• Siri 语音识别获取传感器数据

• 彩屏显示入门（一）：驱动库设置与彩屏效果展示

距离上一篇彩屏显示入门，已经拖更了一个月了。在上一篇中，我们讲解了 ESP32 的彩屏驱动库 TFT_eSPI 的安装与配置方法，并给大家展示了几个彩屏显示的案例，但是并没有教大家如何对彩屏进行编程。从这次课程的内容开始，我将教大家 TFT_eSPI 库的最基本的编程方法，比如如何设置颜色以及如何显示文字等。

话不多说那就开始吧。

材料准备

这次的教程也是入门教程，所以除了 ESP32 开发板和彩屏之外，并没有其他的传感器材料。ESP32 开发板和彩屏的选型与上次教程一致。ESP32 开发板仍然以 FireBeetle-ESP32 为例，彩屏选择的还是 ILI9341 2.4 寸 TFT_LCD 彩屏，分辨率为 240×320。如果不明白的地方，可以回去看上一篇教程：彩屏显示入门（一）：驱动库设置与彩屏效果展示。

既然材料都是一样的，所以接线图和彩屏库的配置也是一样的，这里不再赘述。

彩屏初始化

在使用彩屏之前，我们先要做一些初始化相关的工作。先来看一下初始化相关代码：

#include <SPI.h>

#include <TFT_eSPI.h>

TFT_eSPI tft = TFT_eSPI();

void setup() {
  tft.init();

  tft.fillScreen(TFT_BLACK);
}

void loop() {
}

本教程使用的彩屏接口是 SPI 接口，所以先要引入 SPI.h 库文件，然后再引入彩屏驱动 TFT_eSPI.h 库文件。接着定义一个彩屏对象 TFT_eSPI tft = TFT_eSPI()，将这个彩屏对象命名为 tft，方便后面调用。当然这里的名称可以随便取，方便记忆即可。

然后在 setup() 中调用 tft.init() 对彩屏进行初始化，注意这里的 tft 就是我们上面定义的彩屏名称，后面也是一样，不再说明。至此，其实彩屏的初始化已经完成了，不过在后面我们还再加一句代码：tft.fillScreen(TFT_BLACK)，用来配置彩屏初始化的颜色。这里应该比较容易理解，我们希望初始化之后的屏幕颜色为黑色（TFT_BLACK），你也可以设置为其他颜色，比如红色（TFT_RED）、绿色（TFT_GREEN）等，如下图所示。