(2)主頁面UI

(3)檢測頁面動畫LOGO

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

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

顯示bmp函數：

/**
??*?函數功能:?顯示bmp圖片,?24位真彩色
??*?輸入參數:?x:顯示圖片左上角x軸坐標
??*???????????y:顯示圖片左上角y軸坐標
??*???????????pic_name:顯示圖片文件名稱
??*?返?回?值:?無
??*?說????明：圖片寬度和高度根據圖片大小而定
??*/
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");

??/*?讀取文件頭信息??兩個字節(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;?
??
?/*?計算位圖的實際寬度并確保它為32的倍數?*/
?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????{
??????/*?開一個圖片大小的窗口*/
??????LCD_OpenWindow(x,?y+height-i-1,?width,?1);
???LCD_Write_Cmd(0x2C);
??????/*?讀取一行bmp的數據到數組pColorData里面?*/
??????f_read(&file,pColorData,l_width,&f_num);??????
??????for(j=0;j??????{????????
????????k?=?j*3;??????????????????//一行中第K個像素的起點????????
????????//LCD_WRITE_DATA(RGB24TORGB16(pColorData[k+2],pColorData[k+1],pColorData[k]));?//寫入LCD-GRAM
????????//這里調用的是寫一次寫兩個字節(jié)的函數
????????LCD_Write_2Byte(RGB24TORGB16(pColorData[k+2],pColorData[k+1],pColorData[k]));
??????}
????}
??}
?f_close(&file);????
}

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

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

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


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

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

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

在主頁面長按右鍵進入菜單：

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

菜單的實現也很簡單，菜單項切換的邏輯和主頁面的切換邏輯是一樣的：