4.3項(xiàng)目實(shí)踐：智能觸摸開(kāi)關(guān)項(xiàng)目開(kāi)發(fā)本章主要講述智能觸摸開(kāi)關(guān)項(xiàng)目開(kāi)發(fā)。通過(guò)學(xué)習(xí)本節(jié)將能夠了解智能觸摸開(kāi)關(guān)項(xiàng)目開(kāi)發(fā)過(guò)程。通過(guò)本節(jié)學(xué)習(xí)可以熟悉：LCD屏字符顯示LCD屏圖像顯示LCD屏中文顯示LCD屏按鍵控制LED項(xiàng)目總結(jié)與拓展LCD屏字符顯示LCD屏圖像顯示LCD屏中文顯示LCD屏按鍵控制LED項(xiàng)目總結(jié)與拓展LCD屏字符顯示(1/6)

在工程源碼的src\third_party\ssd1306目錄下的ssd1306_fonts.c源文件中，已按照Ascii碼順序?qū)?shù)字、英文字母及標(biāo)點(diǎn)符號(hào)的字符點(diǎn)陣數(shù)據(jù)存儲(chǔ)在數(shù)組中，關(guān)鍵信息包括：typedefstruct{constunsignedcharFontWidth;//記錄一個(gè)字符的點(diǎn)陣一行多少位數(shù)據(jù)

unsignedcharFontHeight;//記錄一個(gè)字符的點(diǎn)陣有多少行數(shù)據(jù)

constunsignedshort*data;//所有字符點(diǎn)陣數(shù)據(jù)的數(shù)組}FontDef;//字符點(diǎn)陣結(jié)構(gòu)體類(lèi)型externFontDefFont_7x10;//7x10的字符點(diǎn)陣結(jié)構(gòu)體變量externFontDefFont_6x8;//6x8的字符點(diǎn)陣結(jié)構(gòu)體變量externFontDefFont_11x18;//11x18的字符點(diǎn)陣結(jié)構(gòu)體變量externFontDefFont_16x26;//16x26的字符點(diǎn)陣結(jié)構(gòu)體變量LCD屏字符顯示(2/6)在IoTLcd.c源文件中實(shí)現(xiàn)以下繪制字符與字符串的功能函數(shù)：//在指定屏幕坐標(biāo)上畫(huà)出一個(gè)像素點(diǎn)顏色voidIoTLcdDrawPixel(hi_u16x,hi_u16y,hi_u16color);#include<ssd1306_fonts.h>//使用工程源碼中附帶的字符點(diǎn)陣數(shù)據(jù)//在屏幕上指定的x,y坐標(biāo)上畫(huà)出字符ch，字體顏色為fontColor,字體背景顏色為backColorvoidIoTLcdDrawChar(hi_u16x,hi_u16y,charch,hi_u16fontColor,hi_u16backColor);//在屏幕上指定的x,y坐標(biāo)上畫(huà)出字符串str，字體顏色為fontColor,字體背景顏色為backColorvoidIoTLcdDrawString(hi_u16x,hi_u16y,char*str,hi_u16fontColor,hi_u16backColor);LCD屏字符顯示(3/6)在IoTLcd.h頭文件增加以下函數(shù)的聲明語(yǔ)句如下://在指定屏幕坐標(biāo)上畫(huà)出一個(gè)像素點(diǎn)顏色voidIoTLcdDrawPixel(hi_u16x,hi_u16y,hi_u16color);//在屏幕上指定的x,y坐標(biāo)上畫(huà)出字符ch，字體顏色為fontColor,字體背景顏色為backColorvoidIoTLcdDrawChar(hi_u16x,hi_u16y,charch,hi_u16fontColor,hi_u16backColor);//在屏幕上指定的x,y坐標(biāo)上畫(huà)出字符串str，字體顏色為fontColor,字體背景顏色為backColorvoidIoTLcdDrawString(hi_u16x,hi_u16y,char*str,hi_u16fontColor,hi_u16backColor);LCD屏字符顯示(4/6)

修改IoTLcd目錄下的BUILD.gn文件，加入字符點(diǎn)陣源文件的編譯與設(shè)置頭文件所在路徑。在BUILD.gn文件中增加以下語(yǔ)句：static_library("IoTLcd"){sources=[..."http://third_party/ssd1306/ssd1306_fonts.c",]include_dirs=[ ..."http://third_party/ssd1306",]}LCD屏字符顯示(5/6)

在IoTMain模塊中的IoTMain.c源文件中增加畫(huà)出字符串的函數(shù)調(diào)用，測(cè)試函數(shù)的功能是否正常。增加調(diào)用代碼如下：#include"IoTLcd.h"voidIoTMainInit(){...//LCD顯示屏黑色背景IoTLcdDrawBackground(BLACK);//LCD顯示字符串IoTLcdDrawString(80,30,"HarmonyOS",LIGHTGREEN,BLACK);}LCD屏字符顯示(6/6)

修改IoTMain目錄下的BUILD.gn文件，增加IoTLcd.h頭文件所在路徑。增加語(yǔ)句如下：include_dirs=[ ..."../IoTLcd",]程序編譯并執(zhí)行后，LCD屏顯示效果如圖示：LCD屏字符顯示LCD屏圖像顯示LCD屏中文顯示LCD屏按鍵控制LED項(xiàng)目總結(jié)與拓展LCD屏圖像顯示(1/5)LCD顯示屏的每個(gè)像素點(diǎn)包含紅、綠、藍(lán)三基色的數(shù)據(jù)，所以可以將圖像的RGB數(shù)據(jù)生成數(shù)組，并在程序中根據(jù)數(shù)組的像素點(diǎn)數(shù)據(jù)在屏幕上畫(huà)出圖像，但圖像RGB數(shù)據(jù)較大，而Hi3861存儲(chǔ)空間有限，所以在程序中還是沿用前面OLED屏的像素點(diǎn)陣圖像數(shù)據(jù)，即圖像中每個(gè)像素點(diǎn)數(shù)據(jù)只使用一位二進(jìn)制數(shù)表示顯示與否，至于顯示像素點(diǎn)的顏色則在程序中指定。同時(shí)LCD顯示屏可以支持物理上逐行的方式畫(huà)出像素點(diǎn)，不同于OLED只能同時(shí)操作物理上8行一列的像素。

在IoTLcd目錄下IoTLcd.c源文件中，增加并實(shí)現(xiàn)畫(huà)圖的功能函數(shù)如下：//在LCD屏的xy坐標(biāo)開(kāi)始畫(huà)出寬bmpW高bmpH的bmp圖像的像素?cái)?shù)據(jù)，

data為存放像素點(diǎn)陣數(shù)據(jù)的緩沖區(qū)地址//fontColor指定顯示的像素點(diǎn)顏色，

backColor為不顯示的像素點(diǎn)顏色voidIoTLcdDrawBmp(intx,inty,intbmpW,intbmpH,hi_u8*data,

hi_u16fontColor,hi_u16backColor)LCD屏圖像顯示(2/5)并在IoTLcd.h頭文件中增加聲明畫(huà)圖函數(shù)的代碼如下：//在LCD屏的xy坐標(biāo)開(kāi)始畫(huà)出寬bmpW高bmpH的bmp圖像的像素?cái)?shù)據(jù)，

data為存放像素點(diǎn)陣數(shù)據(jù)的緩沖區(qū)地址//fontColor指定顯示的像素點(diǎn)顏色，

backColor為不顯示的像素點(diǎn)顏色voidIoTLcdDrawBmp(intx,inty,intbmpW,intbmpH,hi_u8*data,

hi_u16fontColor,hi_u16backColor)LCD屏圖像顯示(3/5)接著使用PcToLCD工具生成圖像的像素點(diǎn)陣數(shù)據(jù)數(shù)組，使用的選項(xiàng)配置如圖所示：LCD屏圖像顯示(4/5)

將生成的像素點(diǎn)陣數(shù)組復(fù)制至IoTMain.c源文件，并由一個(gè)一維數(shù)組hwLogo存放起來(lái)。然后在IoTMainInit函數(shù)增加畫(huà)圖函數(shù)的調(diào)用，IoTMainInit函數(shù)的代碼如下：voidIoTMainInit(){

//注冊(cè)觸屏?xí)r觸發(fā)的回調(diào)函數(shù)

IoTTsRegisterCallback(tsDown,tsUp);

//LCD顯示屏黑色背景

IoTLcdDrawBackground(BLACK);

//LCD顯示字符串

IoTLcdDrawString(80,30,"HarmonyOS",LIGHTGREEN,BLACK);

//LCD顯示圖像

IoTLcdDrawBmp(5,5,64,64,hwLogo,RED,BLACK);}LCD屏圖像顯示(5/5)程序執(zhí)行后，LCD屏顯示效果如圖所示：LCD屏字符顯示LCD屏圖像顯示LCD屏中文顯示LCD屏按鍵控制LED項(xiàng)目總結(jié)與拓展LCD屏中文顯示(1/3)

首先通過(guò)PcToLCD工具以逐行方式生成32x32像素點(diǎn)陣的中文字符數(shù)據(jù)，并復(fù)制至IoTMain.c源文件，由一個(gè)二維數(shù)組存放起來(lái)，

代碼如圖所示：LCD屏中文顯示(2/3)

每個(gè)字符的像素點(diǎn)陣與圖像的像素點(diǎn)陣除了分辨率不同外，其數(shù)據(jù)格式完全一樣，所以在程序中直接調(diào)用IoTLcdDrawBmp函數(shù)畫(huà)出點(diǎn)陣數(shù)據(jù)即可顯示中文字符。在IoTMain.c源文件內(nèi)的IoTMainInit函數(shù)中，添加了繪制中文字符的功能函數(shù)，具體內(nèi)容如下：voidIoTMainInit(){...

//畫(huà)出“開(kāi)燈”

IoTLcdDrawBmp(90,100,32,32,charData[0],YELLOW,BLACK);

IoTLcdDrawBmp(122,100,32,32,charData[2],YELLOW,BLACK);

//畫(huà)出“關(guān)燈”

IoTLcdDrawBmp(90,180,32,32,charData[1],GREEN,BLACK);

IoTLcdDrawBmp(122,180,32,32,charData[2],GREEN,BLACK);}LCD屏中文顯示(3/3)程序執(zhí)行后，LCD屏顯示的效果如圖所示：LCD屏字符顯示LCD屏圖像顯示LCD屏中文顯示LCD屏按鍵控制LED項(xiàng)目總結(jié)與拓展LCD屏按鍵控制LED(1/5)

在LCD屏上通過(guò)像素點(diǎn)著色的方法連續(xù)畫(huà)出一片區(qū)域，

然后畫(huà)出字符作為按鍵UI。在IoTMain.c上增加實(shí)現(xiàn)在指定區(qū)域內(nèi)像素點(diǎn)著色的功能函數(shù)，

函數(shù)代碼如下：//在指定屏幕坐標(biāo)上畫(huà)出一個(gè)區(qū)域的像素點(diǎn)顏色staticvoidlcdDrawRect(hi_u16x,hi_u16y,intw,inth,hi_u16color){

for(intr=0;r<h;r++)

{

for(intc=0;c<w;c++)

IoTLcdDrawPixel(c+x,r+y,color);

}}LCD屏按鍵控制LED(2/5)

然后修改IoTMainInit函數(shù)中的代碼，先畫(huà)出一個(gè)區(qū)域后畫(huà)上字符實(shí)現(xiàn)按鍵效果。修改的代碼如下：voidIoTMainInit(){...lcdDrawRect(BTN1_X,BTN1_Y,BTN_W,BTN_H,LIGHTGREEN);//畫(huà)出按鍵1區(qū)域//畫(huà)出“開(kāi)燈”IoTLcdDrawBmp(90,100,32,32,charData[0],YELLOW,LIGHTGREEN);IoTLcdDrawBmp(122,100,32,32,charData[2],YELLOW,LIGHTGREEN);lcdDrawRect(BTN2_X,BTN2_Y,BTN_W,BTN_H,LIGHTBLUE);//畫(huà)出按鍵2區(qū)域//畫(huà)出“關(guān)燈”IoTLcdDrawBmp(90,180,32,32,charData[1],RED,LIGHTBLUE);IoTLcdDrawBmp(122,180,32,32,charData[2],RED,LIGHTBLUE);}LCD屏按鍵控制LED(3/5)程序運(yùn)行后，LCD屏顯示效果如圖所示：LCD屏按鍵控制LED(4/5)

先在源文件中包含IO口操作相關(guān)的頭文件，并在IoTMainInit函數(shù)中初始化LED燈的IO口。其中開(kāi)發(fā)板的LED燈連接IO02，當(dāng)IO02輸出高電平時(shí)LED燈亮，輸出低電平時(shí)LED燈滅。IoTMain.c源文件中增加的代碼如下：#defineLED_IOHI_IO_NAME_GPIO_2

voidIoTMainInit(){

...

//初始化LEDIO

IoTGpioInit(LED_IO);

//配置為輸出

IoTGpioSetDir(LED_IO,IOT_GPIO_DIR_OUT);}LCD屏按鍵控制LED(5/5)

在觸屏按下觸發(fā)的回調(diào)函數(shù)tsDown中，檢查觸屏坐標(biāo)是否落在按鍵區(qū)域，以確定按鍵是否被按下。以下是修改后的tsDown函數(shù)代碼：staticvoidtsDown(intx,inty