用Arduino玩ESP32(03):TFT_eSPI 顯示漢字

TFT_eSPI庫(kù)的字符顯示分析

在User_Setup.h文件內(nèi),定義要使用的系統(tǒng)自帶字體,不用的直接省略掉

#define LOAD_GLCD   // Font 1. Original Adafruit 8 pixel font needs ~1820 bytes in FLASH
#define LOAD_FONT2  // Font 2. Small 16 pixel high font, needs ~3534 bytes in FLASH, 96 characters
#define LOAD_FONT4  // Font 4. Medium 26 pixel high font, needs ~5848 bytes in FLASH, 96 characters
//#define LOAD_FONT6  // Font 6. Large 48 pixel font, needs ~2666 bytes in FLASH, only characters 1234567890:-.apm
#define LOAD_FONT7  // Font 7. 7 segment 48 pixel font, needs ~2438 bytes in FLASH, only characters 1234567890:-.
//#define LOAD_FONT8  // Font 8. Large 75 pixel font needs ~3256 bytes in FLASH, only characters 1234567890:-.
//#define LOAD_FONT8N // Font 8. Alternative to Font 8 above, slightly narrower, so 3 digits fit a 160 pixel TFT
//#define LOAD_GFXFF  // FreeFonts. Include access to the 48 Adafruit_GFX free fonts FF1 to FF48 and custom fonts

以7段數(shù)字顯示為例,看TFT_eSPI.h文件的定義

// Create a null set in case some fonts not used (to prevent crash)
const  uint8_t widtbl_null[1] = {0};
PROGMEM const uint8_t chr_null[1] = {0};
PROGMEM const uint8_t* const chrtbl_null[1] = {chr_null};

typedef struct {
    const uint8_t *chartbl;
    const uint8_t *widthtbl;
    uint8_t height;
    uint8_t baseline;
    } fontinfo;

// Now fill the structure
const PROGMEM fontinfo fontdata [] = {
...
  #ifdef LOAD_FONT7   //通過(guò)預(yù)定義的字體號(hào)直接定義字體
   { (const uint8_t *)chrtbl_f7s, widtbl_f7s, chr_hgt_f7s, baseline_f7s},
  #else
   { (const uint8_t *)chrtbl_null, widtbl_null, 0, 0 },
  #endif
...
}

再看Font7srle.h文件

#include <Fonts/Font7srle.c>

#define nr_chrs_f7s 96   //字符總數(shù),ASCII內(nèi)可顯示96個(gè)字符
#define chr_hgt_f7s 48   //字符高度
#define baseline_f7s 47  //基準(zhǔn)線?目前還沒(méi)搞懂什么意思
#define data_size_f7s 8  //一個(gè)字節(jié)
#define firstchr_f7s 32  //各個(gè)英文font都是從32(空格)開(kāi)始

extern const unsigned char widtbl_f7s[96]; //font內(nèi)96個(gè)字符各自的寬度數(shù)組
extern const unsigned char* const chrtbl_f7s[96]; //96個(gè)字符索引

再看Font7srle.c文件

PROGMEM const unsigned char widtbl_f7s[96] =          // character width table
{
        12, 12, 12, 12, 12, 12, 12, 12,     // char 32 - 39
        12, 12, 12, 12, 12, 32, 12, 12,     // char 40 - 47
        32, 32, 32, 32, 32, 32, 32, 32,     // char 48 - 55  48-57是10個(gè)數(shù)字,都是32位的像素寬度
        32, 32, 12, 12, 12, 12, 12, 12,     // char 56 - 63
        12, 12, 12, 12, 12, 12, 12, 12,     // char 64 - 71
        12, 12, 12, 12, 12, 12, 12, 12,     // char 72 - 79
        12, 12, 12, 12, 12, 12, 12, 12,     // char 80 - 87
        12, 12, 12, 12, 12, 12, 12, 12,     // char 88 - 95
        12, 12, 12, 12, 12, 12, 12, 12,     // char 96 - 103
        12, 12, 12, 12, 12, 12, 12, 12,     // char 104 - 111
        12, 12, 12, 12, 12, 12, 12, 12,     // char 112 - 119
        12, 12, 12, 12, 12, 12, 12, 12      // char 120 - 127
};

PROGMEM const unsigned char* const chrtbl_f7s[96] =        // 96個(gè)字符按順序?qū)?yīng)的點(diǎn)陣數(shù)組名稱(chēng)
{
        chr_f7s_20, chr_f7s_20, chr_f7s_20, chr_f7s_20, chr_f7s_20, chr_f7s_20, chr_f7s_20, chr_f7s_20, 
        chr_f7s_20, chr_f7s_20, chr_f7s_20, chr_f7s_20, chr_f7s_20, chr_f7s_2D, chr_f7s_2E, chr_f7s_20, 
        chr_f7s_30, chr_f7s_31, chr_f7s_32, chr_f7s_33, chr_f7s_34, chr_f7s_35, chr_f7s_36, chr_f7s_37, 
        chr_f7s_38, chr_f7s_39, chr_f7s_3A, chr_f7s_20, chr_f7s_20, chr_f7s_20, chr_f7s_20, chr_f7s_20,
        chr_f7s_20, chr_f7s_20, chr_f7s_20, chr_f7s_20, chr_f7s_20, chr_f7s_20, chr_f7s_20, chr_f7s_20,
        chr_f7s_20, chr_f7s_20, chr_f7s_20, chr_f7s_20, chr_f7s_20, chr_f7s_20, chr_f7s_20, chr_f7s_20,
        chr_f7s_20, chr_f7s_20, chr_f7s_20, chr_f7s_20, chr_f7s_20, chr_f7s_20, chr_f7s_20, chr_f7s_20,
        chr_f7s_20, chr_f7s_20, chr_f7s_20, chr_f7s_20, chr_f7s_20, chr_f7s_20, chr_f7s_20, chr_f7s_20,
        chr_f7s_20, chr_f7s_20, chr_f7s_20, chr_f7s_20, chr_f7s_20, chr_f7s_20, chr_f7s_20, chr_f7s_20, 
        chr_f7s_20, chr_f7s_20, chr_f7s_20, chr_f7s_20, chr_f7s_20, chr_f7s_20, chr_f7s_20, chr_f7s_20, 
        chr_f7s_20, chr_f7s_20, chr_f7s_20, chr_f7s_20, chr_f7s_20, chr_f7s_20, chr_f7s_20, chr_f7s_20,
        chr_f7s_20, chr_f7s_20, chr_f7s_20, chr_f7s_20, chr_f7s_20, chr_f7s_20, chr_f7s_20, chr_f7s_20
};

顯示漢字

取模略,使用的軟件是PCtoLCD2002

建自己的漢字庫(kù)

HanZi16.h,16X16大小,用的宋體,相當(dāng)于12號(hào)字

#include <pgmspace.h>

PROGMEM const unsigned char hz16_20[] =
{
  0x04, 0x40, 0x0E, 0x50, 0x78, 0x48, 0x08, 0x48, 0x08, 0x40, 0xFF, 0xFE, 0x08, 0x40, 0x08, 0x44,
  0x0A, 0x44, 0x0C, 0x48, 0x18, 0x30, 0x68, 0x22, 0x08, 0x52, 0x08, 0x8A, 0x2B, 0x06, 0x10, 0x02
};
PROGMEM const unsigned char hz16_21[] =
{
  0x00, 0x08, 0x01, 0xFC, 0x7E, 0x10, 0x22, 0x10, 0x11, 0x20, 0x7F, 0xFE, 0x42, 0x02, 0x82, 0x04,
  0x7F, 0xF8, 0x04, 0x00, 0x07, 0xF0, 0x0A, 0x10, 0x11, 0x20, 0x20, 0xC0, 0x43, 0x30, 0x1C, 0x0E
};
PROGMEM const unsigned char hz16_22[] =
{
  0x08, 0x80, 0x08, 0x80, 0x08, 0x80, 0x11, 0xFE, 0x11, 0x02, 0x32, 0x04, 0x34, 0x20, 0x50, 0x20,
  0x91, 0x28, 0x11, 0x24, 0x12, 0x24, 0x12, 0x22, 0x14, 0x22, 0x10, 0x20, 0x10, 0xA0, 0x10, 0x40
};
PROGMEM const unsigned char hz16_23[] =
{
  0x01, 0x00, 0x01, 0x00, 0x01, 0x00, 0x01, 0x00, 0x3F, 0xF8, 0x21, 0x08, 0x21, 0x08, 0x21, 0x08,
  0x21, 0x08, 0x21, 0x08, 0x3F, 0xF8, 0x21, 0x08, 0x01, 0x00, 0x01, 0x00, 0x01, 0x00, 0x01, 0x00
};
PROGMEM const unsigned char hz16_24[] =
{
  0x00, 0x00, 0x7F, 0xFC, 0x40, 0x04, 0x40, 0x04, 0x5F, 0xF4, 0x41, 0x04, 0x41, 0x04, 0x4F, 0xE4,
  0x41, 0x04, 0x41, 0x44, 0x41, 0x24, 0x5F, 0xF4, 0x40, 0x04, 0x40, 0x04, 0x7F, 0xFC, 0x40, 0x04
};

struct  FNT_HZ16                 // 漢字字模數(shù)據(jù)結(jié)構(gòu)
{
  char  Index[4];               // 漢字內(nèi)碼索引,存放內(nèi)碼,如"中",在UTF-8編碼下,每個(gè)漢字占3個(gè)字節(jié),第四個(gè)是結(jié)束符0
  const unsigned char* hz16_Id;                        // 點(diǎn)陣碼數(shù)據(jù)       存放內(nèi)碼后對(duì)應(yīng)的 點(diǎn)陣序列  每個(gè)字需要32個(gè)字節(jié)的點(diǎn)陣序列
  unsigned char hz_width;
};

PROGMEM const FNT_HZ16 hanzi16[] =
{
  {"我", hz16_20,16}, {"愛(ài)", hz16_21,16}, {"你", hz16_22,16}, {"中", hz16_23,16}, {"國(guó)", hz16_24,16}
};

主程序

#include <TFT_eSPI.h> // ST7735 or ST7735S驅(qū)動(dòng)
#include <SPI.h>

#include "HanZi16.h"

TFT_eSPI tft = TFT_eSPI();

void setup() {
  // put your setup code here, to run once:
  Serial.begin(115200);
  tft.init();
  tft.setRotation(0);
  tft.fillScreen(TFT_BLACK);
  tft.setTextColor(TFT_YELLOW, TFT_BLACK); // 新字體不畫(huà)背景色 Note: the new fonts do not draw the background colour
  drawHanzi(32, 8, "我", TFT_YELLOW);
  drawHanzi(32, 28, "愛(ài)", TFT_YELLOW);
  drawHanzi(32, 48, "你", TFT_YELLOW);
  drawHanzi(32, 68, "中", TFT_YELLOW);
  drawHanzi(32, 88, "國(guó)", TFT_YELLOW);

  char str[] = "中國(guó)我愛(ài)你";
  drawHanziS(52, 8, str, TFT_YELLOW);
}

void loop() {
  // put your main code here, to run repeatedly:

}
void drawHanzi(int32_t x, int32_t y, const char c[3], uint32_t color) {  //顯示單一漢字

  for (int k = 0; k < 5; k++)
    if (hanzi16[k].Index[0] == c[0] && hanzi16[k].Index[1] == c[1] && hanzi16[k].Index[2] == c[2])
    { tft.drawBitmap(x, y, hanzi16[k].hz16_Id, hanzi16[k].hz_width, 16, color);
    }
}
void drawHanziS(int32_t x, int32_t y, const char str[], uint32_t color) { //顯示整句漢字,字庫(kù)目前有限,比較簡(jiǎn)單,沒(méi)有換行功能,上下輸出,左右輸出是在函數(shù)內(nèi)實(shí)現(xiàn)
  int y0 = y;
  for (int i = 0; i < strlen(str); i += 3) {
    drawHanzi(x, y0, str+i, color);
    y0 += 20;
  }
}
漢字顯示效果.jpg
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容