一、簡介

LCD的應(yīng)用很廣泛，簡單如手表上的液晶顯示屏，儀表儀器上的液晶顯示器或者是電腦筆記本上的液晶顯示器，都使用了LCD。在一般的辦公設(shè)備上也很常見，如傳真機(jī)，復(fù)印機(jī)，以及一些娛樂器材玩具等也常常見到LCD的足跡。

本小節(jié)使用的是ST7789V, 用于單片驅(qū)動(dòng)262K色圖像TFT-LCD, 包含 720(240*3色) x 320 線輸出, 可以直接以SPI協(xié)議, 或者8位/9位/16位/18位并行連接外部控制器。ST7789V顯示數(shù)據(jù)存儲(chǔ)在片內(nèi)240x320x18 bits內(nèi)存中, 顯示內(nèi)存的讀寫不需要外部時(shí)鐘驅(qū)動(dòng)。

接下來先看本案例的實(shí)際操作視頻。

二、硬件電路設(shè)計(jì)

模塊整體硬件電路如圖1所示，電路中包含了電源電路、液晶接口以及小凌派-RK2206開發(fā)板連接的相關(guān)引腳。

圖1 硬件電路圖

其中，液晶屏ST7789V的相關(guān)引腳資源如圖2所示。

圖2 液晶屏ST7789V硬件資源示意圖

其中，LCD液晶屏引腳功能描述，如下表1所示。

表1 LCD液晶屏引腳功能表

其中，LCD液晶屏與小凌派-RK2206開發(fā)板連接如圖3所示。

圖3 2.4寸液晶屏和小凌派-RK2206開發(fā)板連接圖

三、軟件設(shè)計(jì)

本章節(jié)將利用小凌派-RK2206開發(fā)板上的GPIO和SPI接口方式來點(diǎn)亮2.4寸液晶屏，并實(shí)現(xiàn)ASCII字符的顯示及漢字的顯示。

1. 主程序設(shè)計(jì)

如圖4所示為LCD液晶屏主程序流程圖，開機(jī)LiteOS系統(tǒng)初始化后，進(jìn)入主程序。主程序首先進(jìn)行GPIO和SPI總線初始化，然后配置LCD液晶屏設(shè)備，最后進(jìn)入循環(huán)中。在循環(huán)中，主程序控制SPI對(duì)LCD液晶屏進(jìn)行ASCII字符和漢字顯示。

圖4 主程序流程圖

2. LCD初始化程序設(shè)計(jì)

LCD初始化程序主要分為GPIO和SPI總線初始化，配置LCD兩部分。

其中，GPIO初始化首先用LzGpioInit()函數(shù)將GPIO0_PC3初始化為GPIO引腳，然后用LzGpioSetDir()將引腳設(shè)置為輸出模式，最后調(diào)用LzGpioSetVal()輸出低電平。

/* 初始化GPIO0_C3 */ LzGpioInit(LCD_PIN_RES); LzGpioSetDir(LCD_PIN_RES, LZGPIO_DIR_OUT); LzGpioSetVal(LCD_PIN_RES, LZGPIO_LEVEL_HIGH);

/* 初始化GPIO0_C6 */ LzGpioInit(LCD_PIN_DC); LzGpioSetDir(LCD_PIN_DC, LZGPIO_DIR_OUT); LzGpioSetVal(LCD_PIN_DC, LZGPIO_LEVEL_LOW);

SPI初始化首先用SpiIoInit()函數(shù)將GPIO0_PC0復(fù)用為SPI0_CS0n_M1，GPIO0_PC1復(fù)用為SPI0_CLK_M1，GPIO0_PC2復(fù)用為SPI0_MOSI_M1。其次調(diào)用LzI2cInit()函數(shù)初始化SPI0端口。

LzSpiDeinit(LCD_SPI_BUS);

if (SpiIoInit(m_spiBus) != LZ_HARDWARE_SUCCESS) { printf("%s, %d: SpiIoInit failed!\n", __FILE__, __LINE__); return __LINE__; } if (LzSpiInit(LCD_SPI_BUS, m_spiConf) != LZ_HARDWARE_SUCCESS) { printf("%s, %d: LzSpiInit failed!\n", __FILE__, __LINE__); return __LINE__; }

配置LCD主要是配置ST7789V的工作模式，具體代碼如下所示：

/* 重啟lcd */ LCD_RES_Clr(); LOS_Msleep(100); LCD_RES_Set(); LOS_Msleep(100); LOS_Msleep(500); lcd_wr_reg(0x11); /* 等待LCD 100ms */ LOS_Msleep(100); /* 啟動(dòng)LCD配置，設(shè)置顯示和顏色配置 */ lcd_wr_reg(0X36); if (USE_HORIZONTAL == 0) { lcd_wr_data8(0x00); } else if (USE_HORIZONTAL == 1) { lcd_wr_data8(0xC0); } else if (USE_HORIZONTAL == 2) { lcd_wr_data8(0x70); } else { lcd_wr_data8(0xA0); } lcd_wr_reg(0X3A); lcd_wr_data8(0X05); /* ST7789S幀刷屏率設(shè)置 */ lcd_wr_reg(0xb2); lcd_wr_data8(0x0c); lcd_wr_data8(0x0c); lcd_wr_data8(0x00); lcd_wr_data8(0x33); lcd_wr_data8(0x33); lcd_wr_reg(0xb7); lcd_wr_data8(0x35); /* ST7789S電源設(shè)置 */ lcd_wr_reg(0xbb); lcd_wr_data8(0x35); lcd_wr_reg(0xc0); lcd_wr_data8(0x2c); lcd_wr_reg(0xc2); lcd_wr_data8(0x01); lcd_wr_reg(0xc3); lcd_wr_data8(0x13); lcd_wr_reg(0xc4); lcd_wr_data8(0x20); lcd_wr_reg(0xc6); lcd_wr_data8(0x0f); lcd_wr_reg(0xca); lcd_wr_data8(0x0f); lcd_wr_reg(0xc8); lcd_wr_data8(0x08); lcd_wr_reg(0x55); lcd_wr_data8(0x90); lcd_wr_reg(0xd0); lcd_wr_data8(0xa4); lcd_wr_data8(0xa1); /* ST7789S gamma設(shè)置 */ lcd_wr_reg(0xe0); lcd_wr_data8(0xd0); lcd_wr_data8(0x00); lcd_wr_data8(0x06); lcd_wr_data8(0x09); lcd_wr_data8(0x0b); lcd_wr_data8(0x2a); lcd_wr_data8(0x3c); lcd_wr_data8(0x55); lcd_wr_data8(0x4b); lcd_wr_data8(0x08); lcd_wr_data8(0x16); lcd_wr_data8(0x14); lcd_wr_data8(0x19); lcd_wr_data8(0x20); lcd_wr_reg(0xe1); lcd_wr_data8(0xd0); lcd_wr_data8(0x00); lcd_wr_data8(0x06); lcd_wr_data8(0x09); lcd_wr_data8(0x0b); lcd_wr_data8(0x29); lcd_wr_data8(0x36); lcd_wr_data8(0x54); lcd_wr_data8(0x4b); lcd_wr_data8(0x0d); lcd_wr_data8(0x16); lcd_wr_data8(0x14); lcd_wr_data8(0x21); lcd_wr_data8(0x20); lcd_wr_reg(0x29);

3. LCD的點(diǎn)數(shù)據(jù)設(shè)計(jì)

ST7789V采用SPI通信方式，數(shù)據(jù)傳輸協(xié)議如下：

4-Line Serial Interface => 16-bit/pixel(RGB 5-6-5-bit input)，65K-Color，3Ah="05h"

數(shù)據(jù)傳輸時(shí)序圖如圖5所示。

圖5 ST7789V液晶屏SPI數(shù)據(jù)傳輸時(shí)序圖

也就是每個(gè)像素占用2個(gè)字節(jié)，RGB為5+6+5。因此，往LCD液晶屏發(fā)送某一個(gè)像素信息的程序如下所示：

static void lcd_write_bus(uint8_t dat){ LzSpiWrite(LCD_SPI_BUS, 0, &dat, 1);}

static void lcd_wr_data(uint16_t dat){ lcd_write_bus(dat >> 8); lcd_write_bus(dat);}

static void lcd_wr_reg(uint8_t dat){ LCD_DC_Clr(); lcd_write_bus(dat); LCD_DC_Set();}

static void lcd_address_set(uint16_t x1, uint16_t y1, uint16_t x2, uint16_t y2){ /* 列地址設(shè)置 */ lcd_wr_reg(0x2a); lcd_wr_data(x1); lcd_wr_data(x2); /* 行地址設(shè)置 */ lcd_wr_reg(0x2b); lcd_wr_data(y1); lcd_wr_data(y2); /* 儲(chǔ)存器寫 */ lcd_wr_reg(0x2c);}

static void lcd_wr_data(uint16_t dat){ lcd_write_bus(dat >> 8); lcd_write_bus(dat);}

void lcd_draw_point(uint16_t x, uint16_t y, uint16_t color){ /* 設(shè)置光標(biāo)位置 */ lcd_address_set(x, y, x, y); lcd_wr_data(color);}

4. LCD的ASCII字符顯示設(shè)計(jì)

預(yù)先將規(guī)定字號(hào)的ASCII字符的LCD液晶屏像素信息存放于在lcd_font.h源代碼文件中。該表格依照ASCII的數(shù)值來存放像素信息。例如：空格的ASCII數(shù)值是0x0，則程序?qū)⑾袼胤诺降谝恍邢袼刂校缦略创a所示。

/* 12*6的ASCII碼顯示 */const unsigned char ascii_1206[][12] ={ {0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00}, /*" ",0*/ {0x00, 0x00, 0x04, 0x04, 0x04, 0x04, 0x04, 0x00, 0x00, 0x04, 0x00, 0x00}, /*"!",1*/ {0x14, 0x14, 0x0A, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00}, /*""",2*/ {0x00, 0x00, 0x0A, 0x0A, 0x1F, 0x0A, 0x0A, 0x1F, 0x0A, 0x0A, 0x00, 0x00}, /*"#",3*/{0x00, 0x04, 0x0E, 0x15, 0x05, 0x06, 0x0C, 0x14, 0x15, 0x0E, 0x04, 0x00}, /*"$",4*/.......};

/* 16*8的ASCII碼顯示 */const unsigned char ascii_1608[][16] ={ {0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00}, /*" ",0*/ {0x00, 0x00, 0x00, 0x08, 0x08, 0x08, 0x08, 0x08, 0x08, 0x08, 0x00, 0x00, 0x18, 0x18, 0x00, 0x00}, /*"!",1*/ {0x00, 0x48, 0x6C, 0x24, 0x12, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00}, /*""",2*/{0x00, 0x00, 0x00, 0x24, 0x24, 0x24, 0x7F, 0x12, 0x12, 0x12, 0x7F, 0x12, 0x12, 0x12, 0x00, 0x00}, /*"#",3*/......};

/* 24*12的ASCII碼顯示 */const unsigned char ascii_2412[][48] ={ {0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00}, /*" ",0*/ {0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x60, 0x00, 0x60, 0x00, 0x60, 0x00, 0x60, 0x00, 0x60, 0x00, 0x60, 0x00, 0x60, 0x00, 0x40, 0x00, 0x20, 0x00, 0x20, 0x00, 0x20, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x60, 0x00, 0x60, 0x00, 0x60, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00}, /*"!",1*/{0x00, 0x00, 0x00, 0x00, 0x60, 0x06, 0x60, 0x06, 0x30, 0x03, 0x98, 0x01, 0x88, 0x00, 0x44, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00}, /*""",2*/......};

當(dāng)需要將某一個(gè)字號(hào)的ASCII字符投射到LCD液晶屏?xí)r，程序根據(jù)字號(hào)大小找到對(duì)應(yīng)的字號(hào)的ASCII字符像素表，然后根據(jù)ASCII字符的數(shù)值找到對(duì)應(yīng)的像素行，最后將該像素行數(shù)據(jù)依次通過SPI總線發(fā)送給LCD液晶屏。如下源代碼所示。

void lcd_show_char(uint16_t x, uint16_t y, uint8_t num, uint16_t fc, uint16_t bc, uint8_t sizey, uint8_t mode){ uint8_t temp,sizex,t,m = 0; uint16_t i; uint16_t TypefaceNum;//一個(gè)字符所占字節(jié)大小 uint16_t x0 = x; sizex = sizey/2; TypefaceNum = (sizex/8 + ((sizex%8)?1:0)) * sizey;

/* 得到偏移后的值 */ num = num-' '; /* 設(shè)置光標(biāo)位置 */ lcd_address_set(x, y, x+sizex-1, y+sizey-1); for (i = 0; i < TypefaceNum; i++) { if (sizey == 12) { /* 調(diào)用6x12字體 */ temp = ascii_1206[num][i]; } else if (sizey == 16) { /* 調(diào)用8x16字體 */ temp = ascii_1608[num][i]; } else if (sizey == 24) { /* 調(diào)用12x24字體 */ temp = ascii_2412[num][i]; } else if (sizey == 32) { /* 調(diào)用16x32字體 */ temp = ascii_3216[num][i]; } else { return; } for (t = 0; t < 8; t++) { if (!mode) {/* 非疊加模式 */ if (temp & (0x01 << t)) { lcd_wr_data(fc); } else { lcd_wr_data(bc); } m++; if (m%sizex == 0) { m = 0; break; } } else {/* 疊加模式 */ if (temp & (0x01 << t)) { /* 畫一個(gè)點(diǎn) */ lcd_draw_point(x, y, fc); } x++; if ((x - x0) == sizex) { x = x0; y++; break; } } } } }

5. LCD的漢字顯示設(shè)計(jì)

同上原理，程序?qū)⒛骋粋€(gè)特定字號(hào)的漢字信息存放于一個(gè)數(shù)據(jù)結(jié)構(gòu)體數(shù)組中。該數(shù)據(jù)結(jié)構(gòu)體包含字體編碼Index和像素?cái)?shù)據(jù)Msk。具體原代碼如下所示。

/* 定義中文字符 12*12 */typedef struct{ unsigned char Index[2]; unsigned char Msk[24];} typFNT_GB12;

/* 定義中文字符 16*16 */typedef struct{ unsigned char Index[2]; unsigned char Msk[32];} typFNT_GB16;

/* 定義中文字符 24*24 */typedef struct{ unsigned char Index[2]; unsigned char Msk[72];} typFNT_GB24;......

通過漢字像素軟件將對(duì)應(yīng)的漢字和像素存放于lcd_font.h文件中。具體源代碼如下所示。

const typFNT_GB12 tfont12[] ={ "小", 0x20, 0x00, 0x20, 0x00, 0x20, 0x00, 0x20, 0x00, 0x24, 0x01, 0x24, 0x02, 0x22, 0x02, 0x22, 0x04, 0x21, 0x04, 0x20, 0x00, 0x20, 0x00, 0x38, 0x00, /*"小"*/ "凌", 0x40, 0x00, 0xF9, 0x03, 0x42, 0x00, 0xFC, 0x07, 0x10, 0x01, 0x28, 0x02, 0xE0, 0x01, 0x14, 0x01, 0xAA, 0x00, 0x41, 0x00, 0xB0, 0x01, 0x0C, 0x06, /*"凌"*/ "派", 0x00, 0x03, 0xF2, 0x00, 0x14, 0x02, 0xD0, 0x01, 0x51, 0x01, 0x52, 0x05, 0x50, 0x03, 0x50, 0x01, 0x54, 0x01, 0x52, 0x02, 0xD1, 0x02, 0x48, 0x04, /*"派"*/ };

const typFNT_GB16 tfont16[] ={ "小", 0x80, 0x00, 0x80, 0x00, 0x80, 0x00, 0x80, 0x00, 0x80, 0x00, 0x88, 0x08, 0x88, 0x10, 0x88, 0x20, 0x84, 0x20, 0x84, 0x40, 0x82, 0x40, 0x81, 0x40, 0x80, 0x00, 0x80, 0x00, 0xA0, 0x00, 0x40, 0x00, /*"小",0*/ "凌", 0x00, 0x02, 0x02, 0x02, 0xC4, 0x1F, 0x04, 0x02, 0x00, 0x02, 0xE0, 0x7F, 0x88, 0x08, 0x48, 0x11, 0x24, 0x21, 0x87, 0x0F, 0xC4, 0x08, 0x24, 0x05, 0x04, 0x02, 0x04, 0x05, 0xC4, 0x08, 0x30, 0x30, /*"凌",1*/ "派", 0x00, 0x10, 0x04, 0x3C, 0xE8, 0x03, 0x28, 0x00, 0x21, 0x38, 0xA2, 0x07, 0xA2, 0x04, 0xA8, 0x44, 0xA8, 0x24, 0xA4, 0x14, 0xA7, 0x08, 0xA4, 0x08, 0xA4, 0x10, 0x94, 0x22, 0x94, 0x41, 0x88, 0x00, /*"派",2*/ };......

當(dāng)程序需要將某一個(gè)特定字號(hào)的漢字投射到LCD液晶屏?xí)r，程序就根據(jù)對(duì)應(yīng)的字號(hào)查找對(duì)應(yīng)字號(hào)的tfontXX數(shù)組，并將對(duì)應(yīng)的像素行數(shù)據(jù)發(fā)送給LCD液晶屏。具體源代碼如下所示。

void lcd_show_chinese(uint16_t x, uint16_t y, uint8_t *s, uint16_t fc, uint16_t bc, uint8_t sizey, uint8_t mode){ uint8_t buffer[128]; uint32_t buffer_len = 0; uint32_t len = strlen(s);

memset(buffer, 0, sizeof(buffer)); /* utf8格式漢字轉(zhuǎn)化為ascii格式 */chinese_utf8_to_ascii(s, strlen(s), buffer, &buffer_len);

for (uint32_t i = 0; i < buffer_len; i += 2, x += sizey) { if (sizey == 12) { lcd_show_chinese_12x12(x, y, &buffer[i], fc, bc, sizey, mode); } else if (sizey == 16) { lcd_show_chinese_16x16(x, y, &buffer[i], fc, bc, sizey, mode); } else if (sizey == 24) { lcd_show_chinese_24x24(x, y, &buffer[i], fc, bc, sizey, mode); } else if (sizey == 32) { lcd_show_chinese_32x32(x, y, &buffer[i], fc, bc, sizey, mode); } else { return; }}}

四、編譯過程

1、打開sdk下面路徑的文件

/vendor/lockzhiner/rk2206/samples/b4_lcd/lcd_example.c

注意：Gitee已有相關(guān)源代碼，請(qǐng)大家根據(jù)上述的需求修改相關(guān)源代碼。

網(wǎng)址：https://gitee.com/Lockzhiner-Electronics/lockzhiner-rk2206-openharmony3.0lts/tree/master/vendor/lockzhiner/rk2206/samples/b4_lcd

2、修改編譯腳本

修改 vendor/lockzhiner/rk2206/sample 路徑下 BUILD.gn 文件，指定 lcd_example 參與編譯。

"./b4_lcd:lcd_example",

修改 device/lockzhiner/rk2206/sdk_liteos 路徑下 Makefile 文件，添加 -llcd_example 參與編譯。

hardware_LIBS = -lhal_iothardware -lhardware -llcd_example

3、編譯固件

hb set -root .

hb set

hb build -f