ESP32彩屏显示入门（二）：颜色设置与文本显示 | ESP32轻松学（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）等，如下图所示。

彩屏颜色设置

从初识化的代码中，我们看到了几个颜色的设置。在 TFT_eSPI 库中，已经预定义了一些颜色，使用这些颜色时，可以直接使用他们的颜色名称，方便我们的程序编写，比如前面讲到的黑色，它在库中的名称为 TFT_BLACK、红色的名称为 TFT_RED、绿色的名称为 TFT_GREEN 等。

// Default color definitions
#define TFT_BLACK       0x0000      /*   0,   0,   0 */
#define TFT_NAVY        0x000F      /*   0,   0, 128 */
#define TFT_DARKGREEN   0x03E0      /*   0, 128,   0 */
#define TFT_DARKCYAN    0x03EF      /*   0, 128, 128 */
#define TFT_MAROON      0x7800      /* 128,   0,   0 */
#define TFT_PURPLE      0x780F      /* 128,   0, 128 */
#define TFT_OLIVE       0x7BE0      /* 128, 128,   0 */
#define TFT_LIGHTGREY   0xD69A      /* 211, 211, 211 */
#define TFT_DARKGREY    0x7BEF      /* 128, 128, 128 */
#define TFT_BLUE        0x001F      /*   0,   0, 255 */
#define TFT_GREEN       0x07E0      /*   0, 255,   0 */
#define TFT_CYAN        0x07FF      /*   0, 255, 255 */
#define TFT_RED         0xF800      /* 255,   0,   0 */
#define TFT_MAGENTA     0xF81F      /* 255,   0, 255 */
#define TFT_YELLOW      0xFFE0      /* 255, 255,   0 */
#define TFT_WHITE       0xFFFF      /* 255, 255, 255 */
#define TFT_ORANGE      0xFDA0      /* 255, 180,   0 */
#define TFT_GREENYELLOW 0xB7E0      /* 180, 255,   0 */