TFT 彩屏 GUI 开发

针对 TFT 彩屏 GUI 开发，最稳妥的方案是 “底层驱动 + 中间件 + 应用 API” 三层结构。

一、推荐方案组合

建议：STM32F407 及以上直接用LVGL；F103 用STemWin或精简版 LVGL。

二、底层驱动源码（以 ILI9341 为例）

1、 硬件接口定义（SPI）

#defineTFT_CS_PINGPIO_PIN_4#defineTFT_DC_PINGPIO_PIN_5#defineTFT_RST_PINGPIO_PIN_6#defineTFT_PORTGPIOA

2、 写命令 / 写数据（底层核心）

voidTFT_WriteCmd(uint8_tcmd){HAL_GPIO_WritePin(TFT_DC_PORT,TFT_DC_PIN,GPIO_PIN_RESET);HAL_GPIO_WritePin(TFT_CS_PORT,TFT_CS_PIN,GPIO_PIN_RESET);HAL_SPI_Transmit(&hspi1,&cmd,1,10);HAL_GPIO_WritePin(TFT_CS_PORT,TFT_CS_PIN,GPIO_PIN_SET);}voidTFT_WriteData(uint8_tdat){HAL_GPIO_WritePin(TFT_DC_PORT,TFT_DC_PIN,GPIO_PIN_SET);HAL_GPIO_WritePin(TFT_CS_PORT,TFT_CS_PIN,GPIO_PIN_RESET);HAL_SPI_Transmit(&hspi1,&dat,1,10);HAL_GPIO_WritePin(TFT_CS_PORT,TFT_CS_PIN,GPIO_PIN_SET);}

3、 设置显示窗口（GUI 必用）

voidTFT_SetWindow(uint16_tx0,uint16_ty0,uint16_tx1,uint16_ty1){TFT_WriteCmd(0x2A);// Column Address SetTFT_WriteData(x0>>8);TFT_WriteData(x0&0xFF);TFT_WriteData(x1>>8);TFT_WriteData(x1&0xFF);TFT_WriteCmd(0x2B);// Page Address SetTFT_WriteData(y0>>8);TFT_WriteData(y0&0xFF);TFT_WriteData(y1>>8);TFT_WriteData(y1&0xFF);TFT_WriteCmd(0x2C);// Memory Write}

4、 画点 / 填充（GUI 基础函数）

voidTFT_DrawPixel(uint16_tx,uint16_ty,uint16_tcolor){TFT_SetWindow(x,y,x,y);TFT_WriteData(color>>8);TFT_WriteData(color&0xFF);}voidTFT_Fill(uint16_tx0,uint16_ty0,uint16_tx1,uint16_ty1,uint16_tcolor){uint32_ti,total=(x1-x0+1)*(y1-y0+1);TFT_SetWindow(x0,y0,x1,y1);for(i=0;i<total;i++){TFT_WriteData(color>>8);TFT_WriteData(color&0xFF);}}

三、GUI 基础函数（自建简易 UI）

1、 画矩形 / 按钮

voidGUI_DrawButton(uint16_tx,uint16_ty,uint16_tw,uint16_th,uint16_tcolor){TFT_Fill(x,y,x+w-1,y+h-1,color);}

2、 显示字符（ASCII 8x16）

voidGUI_DrawChar(uint16_tx,uint16_ty,uint8_tchr,uint16_tcolor){uint8_ti,j;uint8_ttemp;for(i=0;i<16;i++){temp=ascii_8x16[chr*16+i];for(j=0;j<8;j++){if(temp&(0x80>>j))TFT_DrawPixel(x+j,y+i,color);}}}

3、 触摸校准（XPT2046）

typedefstruct{uint16_tx;uint16_ty;}TouchPoint;TouchPointTP_GetPoint(void){TouchPoint p;p.x=XPT2046_Read(XP);p.y=XPT2046_Read(YP);returnp;}

四、LVGL 移植核心代码（工业级 GUI ）

1、 显示刷新回调

voidmy_flush(lv_disp_drv_t*disp,constlv_area_t*area,lv_color_t*color_p){TFT_SetWindow(area->x1,area->y1,area->x2,area->y2);uint32_tsize=(area->x2-area->x1+1)*(area->y2-area->y1+1);HAL_SPI_Transmit(&hspi1,(uint8_t*)color_p,size*2,100);lv_disp_flush_ready(disp);}

2、 心跳节拍（1ms）

voidHAL_SYSTICK_Callback(void){lv_tick_inc(1);}

参考代码 TFT彩屏GUI函数和驱动源码www.youwenfan.com/contentcst/182151.html

五、常用颜色定义

#defineRED0xF800#defineGREEN0x07E0#defineBLUE0x001F#defineWHITE0xFFFF#defineBLACK0x0000#defineYELLOW0xFFE0

六、调试与性能优化

性能提升技巧：

• 使用DMA + SPI
• 双缓冲机制
• 局部刷新（Partial Update）