基于事件型表驅(qū)動(dòng)法菜單框架：小熊派簡易氣體探測(cè)器實(shí)戰(zhàn)項(xiàng)目開發(fā)（中）

(2)主頁面UI

(3)檢測(cè)頁面動(dòng)畫LOGO

顯示接口移植了硬石科技提供的bsp_bmp.c，他們用的是320*480的RGB屏，小熊派用的是240*240的屏，根據(jù)現(xiàn)有的屏我做了一些修改:

uint8_t?pColorData[960];?????/*?一行真彩色數(shù)據(jù)緩存?320?*?3?=?960?*/
//uint8_t?pColorData[720];?????/*?一行真彩色數(shù)據(jù)緩存?240?*?3?=?720?*/

顯示bmp函數(shù)：

/**
??*?函數(shù)功能:?顯示bmp圖片,?24位真彩色
??*?輸入?yún)?shù):?x:顯示圖片左上角x軸坐標(biāo)
??*???????????y:顯示圖片左上角y軸坐標(biāo)
??*???????????pic_name:顯示圖片文件名稱
??*?返?回?值:?無
??*?說????明：圖片寬度和高度根據(jù)圖片大小而定
??*/
void?Lcd_show_bmp(uint16_t?x,?uint16_t?y,char?*pic_name)
{
?uint16_t?i,?j,?k;
?int?width,?height,?l_width;
??
?BMP_FileHeader?FileHeader;
?BMP_InfoHeader?InfoHeader;
??
/*-------------------------------------------------------------------------------------------------------*/
?f_res=f_open(&file,pic_name,?FA_OPEN_EXISTING|FA_READ);?
?if(f_res?==?FR_OK)
?{
??BMP_DEBUG_PRINTF("Open?file?success\r\n");

??/*?讀取文件頭信息??兩個(gè)字節(jié)*/?????????
??f_res=f_read(&file,&FileHeader,sizeof(BMP_FileHeader),&f_num);?????
????
??/*?判斷是不是bmp文件?"BM"*/
??if(FileHeader.bfType!=0x4d42)
??{
???BMP_DEBUG_PRINTF("file?is?not?.bmp?file!\r\n");
???return;
??}
??else
??{
???BMP_DEBUG_PRINTF("Ok?this?is?.bmp?file\r\n");?
??}
??/*?讀取BMP文件頭信息*/??????
??showBmpHeader(&FileHeader);
???
??/*?讀取位圖信息頭信息?*/
??f_res=f_read(&file,&InfoHeader,sizeof(BMP_InfoHeader),&f_num);??????
??showBmpInforHeader(&InfoHeader);
?}????
?else
?{
??BMP_DEBUG_PRINTF("file?open?fail!\r\n");
??return;
?}??
/*-------------------------------------------------------------------------------------------------------*/
?width??=?InfoHeader.biWidth;
?height?=?InfoHeader.biHeight;?
??
?/*?計(jì)算位圖的實(shí)際寬度并確保它為32的倍數(shù)?*/
?l_width?=?WIDTHBYTES(width*?InfoHeader.biBitCount);
??
?if((l_width>960)||(InfoHeader.biBitCount!=24))
?{
??BMP_DEBUG_PRINTF("\n?SORRY,?PIC?IS?TOO?BIG?(X<=320?and?bit!=16)\n");
??return;
??}
??f_lseek(&file,FileHeader.bfOffBits);
???
??if(InfoHeader.biBitCount?==?24)
??{
????for(i=0;i????{
??????/*?開一個(gè)圖片大小的窗口*/
??????LCD_OpenWindow(x,?y+height-i-1,?width,?1);
???LCD_Write_Cmd(0x2C);
??????/*?讀取一行bmp的數(shù)據(jù)到數(shù)組pColorData里面?*/
??????f_read(&file,pColorData,l_width,&f_num);??????
??????for(j=0;j??????{????????
????????k?=?j*3;??????????????????//一行中第K個(gè)像素的起點(diǎn)????????
????????//LCD_WRITE_DATA(RGB24TORGB16(pColorData[k+2],pColorData[k+1],pColorData[k]));?//寫入LCD-GRAM
????????//這里調(diào)用的是寫一次寫兩個(gè)字節(jié)的函數(shù)
????????LCD_Write_2Byte(RGB24TORGB16(pColorData[k+2],pColorData[k+1],pColorData[k]));
??????}
????}
??}
?f_close(&file);????
}

修改完后在如果需要圖片顯示則調(diào)用如下接口：

#define?START_LOGO?"0:/UI/start_logo/start_logo.bmp"

//最開始的時(shí)候調(diào)用掛載，只掛載一次就好了
//在串行FLASH掛載文件系統(tǒng)，文件系統(tǒng)掛載時(shí)會(huì)對(duì)串行FLASH初始化
f_res?=?f_mount(&fs,?(TCHAR?const*)SDPath,?1);
if(f_res?==?FR_OK)
??printf("》SD卡文件系統(tǒng)掛載成功\n");


//以后只需要調(diào)用顯示即可
Lcd_show_bmp(0,0,START_LOGO);

注意：圖片的路徑是SD卡下存放的路徑，一定要選對(duì)。

1.2.2、增加菜單(閾值設(shè)置、設(shè)置、調(diào)試模式、儀器信息)

在主頁面長按右鍵進(jìn)入菜單：

此時(shí)按左鍵可以切換選項(xiàng)，短按右鍵進(jìn)入某一菜單項(xiàng)，長按右鍵退出回到主頁面，這里只實(shí)現(xiàn)了儀器信息，其它項(xiàng)目還沒有實(shí)現(xiàn)，但要添加也非常簡單，期待后期分享。

菜單的實(shí)現(xiàn)也很簡單，菜單項(xiàng)切換的邏輯和主頁面的切換邏輯是一樣的：