ESP32-太空人天气时钟（TFT显示中英文）

原创 DQ笔记 2022-06-09 11:11

如何提升高压系统的实时性能? 【有奖直播】精密半导体参数测试解决方案

参考学习B站大佬的CSDN地址：

https://blog.csdn.net/qq_40181592/article/details/119176805

ESP32与TFT引脚接线对照表：

ESP32引脚	TFT屏幕引脚
3.3V	VCC
GND	GND
IO18	SCL
IO23	SDA
IO26	RES
IO25	DC
IO27	CS

找到TFT_eSPI库文件下的User_Setup.h文件，选择驱动ST7735，其他用不到的注释掉。

#define ST7735_DRIVER      // Define additional parameters below for this display

屏幕颜色有RGB和BGR两种类型。TFT默认的是BGR类型。

#define TFT_RGB_ORDER TFT_BGR  // Colour order Blue-Green-Red

接着设置屏幕尺寸大小，我们设置屏幕的宽度为128×128。

#define TFT_WIDTH  128#define TFT_HEIGHT 128

下面这行代码取消注释，是解决屏幕显示偏移的问题，主要是针对7735驱动的，出现屏幕下方和右方一条花纹线，没有颜色显示，原因就是屏幕原点（0，0）发生了偏移，把这行代码取消注释就可以了。

#define ST7735_GREENTAB3

SPI引脚的设置，按照下图中的引脚设置即可。

#define TFT_MOSI 23 // In some display driver board, it might be written as "SDA" and so on.#define TFT_MISO 19#define TFT_SCLK 18#define TFT_CS   27  // Chip select control pin#define TFT_DC   25  // Data Command control pin#define TFT_RST  26  // Reset pin (could connect to Arduino RESET pin)

频率的设置：

#define SPI_FREQUENCY  27000000#define SPI_READ_FREQUENCY  20000000#define SPI_TOUCH_FREQUENCY  2500000

TFT显示点，线，圆，英文：

#include  //导入库#include  TFT_eSPI tft = TFT_eSPI();void setup() {  // put your setup code here, to run once:  tft.init();                               //初始化  tft.fillScreen(TFT_BLACK);                //屏幕颜色  tft.setCursor(10, 10, 1);                 //设置起始坐标(10, 10)，2 号字体  tft.setTextColor(TFT_BLUE);             //设置文本颜色为蓝色  tft.setTextSize(2);                       //设置文字的大小 (1~7)  tft.fillCircle(20,20,10,TFT_YELLOW);        //画圆  tft.drawLine(10,50, 118, 50, TFT_WHITE);  //画线  tft.drawPixel(70,70,TFT_RED);             //画点  tft.setTextColor(TFT_WHITE,TFT_BLACK);     //设置文字颜色和背景颜色  tft.setCursor(10, 80, 1);                 //设置起始坐标(10, 80)，2 号字体  tft.println("DQ");                  //显示文字}void loop() {  // put your main code here, to run repeatedly:}

显示图如下：

新建一个字库文件MyFont.h用来存储汉字字模数据，将每个汉字转换成对应的16进制数，就可以显示任意中文词语或者句子，但其实显示汉字或图片这种操作是比较占用单片机运行内存的，我们需要将这些不会变化的数据定义为不可变的const类型，因为用const修饰的变量，在硬件上会被保存到ROM中即“程序存储器”，而用于计算的“随机存储器”RAM空间比ROM小很多。

#include const unsigned char hz_Wed PROGMEM[] ={  0x00,0x00,0x00,0x00,0x7F,0xFC,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x3F,0xF8,  0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0xFF,0xFE,0x00,0x00,0x00,0x00/*"三",1*/};const unsigned char hz_ha PROGMEM[] ={   0x00,0x40,0x00,0x40,0x78,0xA0,0x49,0x10,0x4A,0x08,0x4C,0x06,0x4B,0xF8,0x48,0x00,  0x48,0x00,0x4B,0xF8,0x7A,0x08,0x4A,0x08,0x02,0x08,0x02,0x08,0x03,0xF8,0x02,0x08};/*"哈",0*/
const unsigned char hz_er PROGMEM[] ={   0x08,0x00,0x08,0x00,0x08,0x00,0x1F,0xFC,0x10,0x04,0x21,0x08,0x41,0x00,0x81,0x00,  0x01,0x00,0x11,0x10,0x11,0x08,0x21,0x04,0x41,0x02,0x81,0x02,0x05,0x00,0x02,0x00};/*"尔",0*/
const unsigned char hz_bin PROGMEM[] ={   0x00,0x80,0x20,0x40,0x17,0xFE,0x14,0x02,0x88,0x14,0x43,0xE0,0x4A,0x00,0x0A,0x00,  0x13,0xFC,0x12,0x10,0xE2,0x10,0x2F,0xFE,0x20,0x00,0x21,0x10,0x22,0x08,0x04,0x04};/*"滨",0*/

struct FNT_HZ // 汉字字模数据结构{  char  Index[4];              // 汉字内码索引,存放内码,如"中",在UTF-8编码下，每个汉字占3个字节，第四个是结束符0  const unsigned char* hz_Id;  // 点阵码数据      存放内码后对应的 点阵序列  每个字需要32个字节的点阵序列  unsigned char hz_width;};
PROGMEM const FNT_HZ hanzi[] ={ {"三", hz_Wed,16}, {"哈",hz_ha,16}, {"尔", hz_er, 16},{"滨", hz_bin, 16},};

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

然后在下方打入需要取的汉字，点击生成字模，就可以复制下来按照上述方式定义汉字数组，存储这些字模就可以使用了。

单个汉字显示程序：

#include  //导入库#include  #include "MyFont.h"  // 自制字体模板库TFT_eSPI tft = TFT_eSPI();void setup() {  // put your setup code here, to run once:  tft.init();                               //初始化  tft.fillScreen(TFT_BLACK);                //屏幕颜色  tft.setCursor(10, 10, 1);                 //设置起始坐标(10, 10)，2 号字体  tft.setTextColor(TFT_BLUE);             //设置文本颜色为蓝色  tft.setTextSize(2);                       //设置文字的大小 (1~7)  tft.fillCircle(20,20,10,TFT_YELLOW);        //画圆  tft.drawLine(10,50, 118, 50, TFT_WHITE);  //画线  tft.drawPixel(70,70,TFT_RED);             //画点  tft.setTextColor(TFT_WHITE,TFT_BLACK);     //设置文字颜色和背景颜色  tft.setCursor(10, 80, 1);                 //设置起始坐标(10, 80)，2 号字体  tft.println("DQ");                  //显示文字  showMyFont(75, 100, TFT_BLUE);}void loop() {  // put your main code here, to run repeatedly:} /*******************单个汉字显示****************/void showMyFont(int32_t x, int32_t y, uint32_t color) {        int k = 0;        tft.drawBitmap(x, y, hanzi[k].hz_Id, hanzi[k].hz_width, 16, color);   }

实物图如下：

多个汉字显示程序：

#include  //导入库#include  #include "MyFont.h"  // 自制字体模板库TFT_eSPI tft = TFT_eSPI();void setup() {  // put your setup code here, to run once:  tft.init();                               //初始化  tft.fillScreen(TFT_BLACK);                //屏幕颜色  tft.setCursor(10, 10, 1);                 //设置起始坐标(10, 10)，2 号字体  tft.setTextColor(TFT_BLUE);             //设置文本颜色为蓝色  tft.setTextSize(2);                       //设置文字的大小 (1~7)  tft.fillCircle(20,20,10,TFT_YELLOW);        //画圆  tft.drawLine(10,50, 118, 50, TFT_WHITE);  //画线  tft.drawPixel(70,70,TFT_RED);             //画点  tft.setTextColor(TFT_WHITE,TFT_BLACK);     //设置文字颜色和背景颜色  tft.setCursor(10, 80, 1);                 //设置起始坐标(10, 80)，2 号字体  tft.println("DQ");                  //显示文字  /*******************多个汉字显示****************/  showMyFonts(35, 100, "哈尔滨", TFT_WHITE);}
void loop() {  // put your main code here, to run repeatedly:}
void showMyFont(int32_t x, int32_t y, const char c[3], uint32_t color) {   for (int k = 0; k < 4; 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;  }}

实物图如下：

TFT显示常用函数（可在库文件中查看各函数）：

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。

登录阅读全文



免责声明：该内容由专栏作者授权发布或作者转载，目的在于传递更多信息，并不代表本网赞同其观点，本站亦不保证或承诺内容真实性等。若内容或图片侵犯您的权益，请及时联系本站删除。侵权投诉联系： nick.zong@aspencore.com！

DQ笔记记录自己学习的过程

进入专栏

DQ笔记记录自己学习的过程

文章：22篇粉丝：2人

 私信

ESP32-太空人天气时钟（TFT显示中英文）

最近文章

热门文章

推荐

最新资讯