STM32F103RC+TFT-LCD电子相册开发（图片解码算法详解）

文章目录

• 摘要
• 一、项目概述
  • 1.1 系统架构设计
  • 1.2 硬件组件清单
  • 1.3 技术指标
• 二、开发环境搭建
  • 2.1 软件工具
  • 2.2 硬件连接
  • 2.3 工程创建步骤
  • 3.2 FSMC配置
• 四、文件系统移植
  • 4.1 FATFS配置
  • 4.2 图片遍历函数
• 五、图片解码算法
  • 5.1 BMP解码实现
  • 5.2 JPEG软解码优化
  • 5.3 图像缩放算法
• 六、系统整合
  • 6.1 主程序逻辑
  • 6.2 内存优化策略
• 七、常见问题解决
• 八、成果
  • 8.1 功能演示
  • 8.2 性能对比
  • 8.3 扩展建议
• 技术图谱

摘要

本教程详细介绍基于STM32F103RC微控制器和TFT-LCD显示屏的电子相册系统开发，涵盖硬件连接、文件系统移植、BMP/JPEG解码算法实现及显示优化。通过FATFS文件系统读取SD卡图片，采用专用解码算法处理图像数据，最终在320×480分辨率屏幕上流畅显示。提供完整源码和问题解决方案。

一、项目概述

1.1 系统架构设计

软件架构

STM32F103RC

SD卡

TFT-LCD

用户按键

FATFS文件系统

BMP解码器

JPEG解码器

显示驱动

1.2 硬件组件清单

1.3 技术指标

• 支持格式：BMP24/JPEG
• 最大分辨率：2048×1536
• 刷新速率：≥2fps（320×480）
• 功耗：<[email protected]

二、开发环境搭建

2.1 软件工具

1. Keil MDK v5.25
2. STM32CubeMX
3. FATFS R0.14b
4. LibJPEG v9d

2.2 硬件连接

/* 引脚定义 - stm32f10x_pin.h */#defineLCD_CSGPIO_Pin_12 // PB12#defineLCD_DCGPIO_Pin_11 // PB11#defineSD_CSGPIO_Pin_8 // PA8

2.3 工程创建步骤

1. 使用CubeMX配置：
   • SPI1: 18MHz (SD卡)
   • FSMC: Bank1 NOR/PSRAM (LCD)
   • GPIO: 用户按键

添加中间件：

Middleware/ ├─ FATFS/ ├─ LibJPEG/ └─ STemWin/ 

 ## 三、TFT-LCD驱动开发 ### 3.1 显示屏初始化 ```c // lcd_init.c void LCD_Init(void) { LCD_Reset(); // 硬件复位 delay_ms(50); LCD_WriteCmd(0x11); // 退出睡眠模式 delay_ms(120); LCD_WriteCmd(0x3A); // 设置颜色模式 LCD_WriteData(0x55); // 16位RGB565 LCD_WriteCmd(0x36); // 设置扫描方向 LCD_WriteData(0x48); // 竖屏模式 LCD_WriteCmd(0x29); // 开启显示 } 

3.2 FSMC配置

// fsmc.cvoidFSMC_LCD_Config(void){ FSMC_NORSRAMInitTypeDef init; FSMC_NORSRAMTimingInitTypeDef timing; timing.FSMC_AddressSetupTime =2; timing.FSMC_AddressHoldTime =1; timing.FSMC_DataSetupTime =5; timing.FSMC_BusTurnAroundDuration =1; init.FSMC_Bank = FSMC_Bank1_NORSRAM1; init.FSMC_DataAddressMux = FSMC_DataAddressMux_Disable; init.FSMC_MemoryType = FSMC_MemoryType_SRAM; init.FSMC_MemoryDataWidth = FSMC_MemoryDataWidth_16b; init.FSMC_BurstAccessMode = FSMC_BurstAccessMode_Disable; init.FSMC_WriteOperation = FSMC_WriteOperation_Enable;FSMC_NORSRAMInit(&init);FSMC_NORSRAMCmd(FSMC_Bank1_NORSRAM1, ENABLE);}

四、文件系统移植

4.1 FATFS配置

// fatfs_impl.c DSTATUS SD_disk_initialize(void){ SPI_InitTypeDef spi; spi.SPI_Direction = SPI_Direction_2Lines_FullDuplex; spi.SPI_Mode = SPI_Mode_Master; spi.SPI_DataSize = SPI_DataSize_8b; spi.SPI_CPOL = SPI_CPOL_High; spi.SPI_CPHA = SPI_CPHA_2Edge; spi.SPI_NSS = SPI_NSS_Soft; spi.SPI_BaudRatePrescaler = SPI_BaudRatePrescaler_4;SPI_Init(SPI1,&spi);SPI_Cmd(SPI1, ENABLE);return RES_OK;}

4.2 图片遍历函数

// file_scan.c FRESULT scan_files(char* path){ DIR dir; FILINFO fno; FRESULT res =f_opendir(&dir, path);while(1){ res =f_readdir(&dir,&fno);if(res != FR_OK || fno.fname[0]==0)break;if(fno.fattrib & AM_DIR){// 目录处理}else{if(strstr(fno.fname,".bmp")||strstr(fno.fname,".jpg")){// 添加到图片列表}}}f_closedir(&dir);return res;}

五、图片解码算法

5.1 BMP解码实现

// bmp_decoder.cuint8_tBMP_Show(constchar*filename){ FIL file; UINT bytesread; BMP_Header header;f_open(&file, filename, FA_READ);f_read(&file,&header,sizeof(BMP_Header),&bytesread);// 校验文件头if(header.signature !=0x4D42)return1;// 设置显示窗口LCD_SetWindow(0,0,header.width,header.height);// 读取像素数据uint32_t offset = header.data_offset;f_lseek(&file, offset);for(int y=header.height-1; y>=0; y--){f_read(&file, line_buffer, header.width*3,&bytesread);for(int x=0; x<header.width; x++){uint16_t color =RGB888toRGB565( line_buffer[x*3+2], line_buffer[x*3+1], line_buffer[x*3]);LCD_WriteData(color);}}f_close(&file);return0;}

5.2 JPEG软解码优化

// jpeg_decoder.cvoidJPEG_Decode(constchar*filename){structjpeg_decompress_struct cinfo;structjpeg_error_mgr jerr; FIL file;f_open(&file, filename, FA_READ); cinfo.err =jpeg_std_error(&jerr);jpeg_create_decompress(&cinfo);// 设置文件源jpeg_stdio_src(&cinfo,&file);jpeg_read_header(&cinfo, TRUE); cinfo.out_color_space = JCS_RGB;jpeg_start_decompress(&cinfo);// 逐行解码uint8_t*line =malloc(cinfo.output_width *3);while(cinfo.output_scanline < cinfo.output_height){jpeg_read_scanlines(&cinfo,&line,1);RGB888_To_LCD(line, cinfo.output_width);}jpeg_finish_decompress(&cinfo);jpeg_destroy_decompress(&cinfo);f_close(&file);free(line);}

5.3 图像缩放算法

原始图像

计算缩放比例

双线性插值

目标像素计算

写入显示缓冲区

六、系统整合

6.1 主程序逻辑

// main.cintmain(void){HAL_Init();SystemClock_Config();LCD_Init();SD_Init();while(1){switch(current_mode){case MODE_BROWSE:show_image_list();break;case MODE_DISPLAY:display_current_image();break;case MODE_SLIDESHOW:auto_play_images();break;}key_scan();}}

6.2 内存优化策略

1. 使用分块解码：将大图分割为多个区块处理
2. JPEG解码使用MCU(Minimum Coded Unit)缓存

建立双缓冲机制：

uint16_t buffer1[320*50];// 50行缓冲区uint16_t buffer2[320*50];

七、常见问题解决

八、成果

8.1 功能演示

• 图片切换时间：<500ms (320×480 JPEG)
• 支持幻灯片播放模式
• 内存占用：<45KB RAM

8.2 性能对比

8.3 扩展建议

1. 添加触摸屏控制
2. 实现图片旋转功能
3. 增加WiFi传输模块
4. 添加EXIF信息显示

技术图谱

电子相册系统

硬件层

STM32F103RC

TFT-LCD

SD存储

驱动层

FSMC总线

SPI协议

GPIO控制

中间件

FATFS

LibJPEG

FreeRTOS

应用层

文件管理

图片解码

用户界面

幻灯播放

扩展能力

触摸控制

网络传输

图片编辑