[emWin]利用内存设备加速PNG图片显示——2021.03

ZZZ_XXJ

已于 2022-06-24 14:47:33 修改

阅读量974

点赞数

分类专栏： emWin 文章标签： emWin PNG 内存设备图片 stm32

于 2021-03-27 22:45:56 首次发布

本文链接：https://blog.csdn.net/zzz_xxj/article/details/115270852

版权

emWin 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

本文介绍了如何利用emWin在STM32H743 Pro开发板上通过内存设备优化PNG图片的显示速度，避免卡顿和掉帧问题。通过预加载并解码PNG文件到内存设备，实现实时流畅显示。关键步骤包括内存设备创建、数据复制和透明通道处理。

摘要由CSDN通过智能技术生成

本文为作者原创，如需转载请在醒目位置标明原始出处，并提供可访问的超链接。

上一篇博客中讲了[emWin]利用内存设备加速GIF图片显示，那么这一篇来讲一下同样的方法加速PNG图。

实现原理

emWin的PNG显示原理是用户程序调用GUI_PNG_Draw()绘制函数来解码和显示，并且是只在调用以后才开始解码，这就导致一些高性能的MCU在显示大量小尺寸PNG时出现卡顿、掉帧等等现象。

如果开始显示之前就把整个文件全部解码完，显示的时候只显示解码后的图像，就能显著改善PNG图的显示速度，利用emWin的内存设备可以实现这个功能。

具体实现原理：

把整个PNG源文件加载到RAM中
获取PNG源文件的大小、分辨率
创建大小等于分辨率的内存设备，并把PNG绘制到对应的内存设备中，绘制完毕后删除存放在RAM中的PNG源文件
将内存设备中的内容复制写入显存
如果PNG图不再使用，则删除所有内存设备

由于解码过程在绘制到内存设备之后就已经完成了，真正显示到LCD上的时候就可以非常快。

源码

/* 图片数据结构体定义 */
typedef struct {
  WM_HMEM hMEM;    /* emwin动态内存句柄 */
  GUI_MEMDEV_Handle hMEMDEV;/* 内存设备句柄 */
  uint32_t size;   /* 图片文件体积 */
  uint32_t x_size; /* 图片宽度 */
  uint32_t y_size; /* 图片高度 */
  char *buffer;    /* 数据缓冲区 */
}ImageDataTypeDef;

/**
  * @brief 加载PNG图片到内存中并绘制
  * @note 使用内存设备加速
  * @param sFilename：需要加载的图片名，带绝对路径
  * @param ImageDataTypeDef：图片数据结构体
  * @retval result：返回文件读写状态
  */
uint8_t ShowPNG_UseMemdev(const char *sFilename, ImageDataTypeDef *image)
{
  UINT    f_num;
  FATFS   fs;								/* FatFs文件系统对象 */
  FIL     file;							/* file objects */
  FRESULT result; 
  DIR     dir;

  GUI_MEMDEV_Handle hMempng;
  
  /* 进入临界段 */
  taskENTER_CRITICAL();
  /* 打开图片 */
  result = f_open(&file, sFilename, FA_READ);
  if (result != FR_OK)
  {
    printf("打开失败！文件名：%s \r\n", sFilename);
    image->buffer[0]='\0';
  }
  /* 退出临界段 */
  taskEXIT_CRITICAL();

  /* 申请一块动态内存空间 */
  image->hMEM = GUI_ALLOC_AllocZero(file.fsize);
  /* 转换动态内存的句柄为指针 */
  image->buffer = GUI_ALLOC_h2p(image->hMEM);

  /* 进入临界段 */
  taskENTER_CRITICAL();
  /* 读取图片数据到动态内存中 */
  result = f_read(&file, image->buffer, file.fsize, &f_num);
  if (result != FR_OK)
  {
    printf("读取失败！文件名：%s \r\n", sFilename);
  }
  f_close(&file);
  /* 退出临界段 */
  taskEXIT_CRITICAL();
  
  /* 获取文件大小 */
  image->size = file.fsize;
  /* 获取图片宽高 */
  image->x_size = GUI_PNG_GetXSize(image->buffer, image->size);
  image->y_size = GUI_PNG_GetYSize(image->buffer, image->size);
  
  if(result == FR_OK)
  {
    /* 创建内存设备，并写入数据 */
    hMempng = GUI_MEMDEV_CreateFixed(0, 0, 
                                     image->x_size,
                                     image->y_size,
                                     GUI_MEMDEV_HASTRANS, GUI_MEMDEV_APILIST_32, GUICC_M8888I);
    GUI_MEMDEV_Select(hMempng);
    GUI_PNG_Draw(image->buffer, image->size, 0, 0);
    GUI_MEMDEV_Select(0);

    image->hMEMDEV = hMempng;
  }
  else
  {
    image->buffer = 0;
    image->size = 0;
    image->hMEM = 0;
    image->hMEMDEV = 0;
  }
  
  /* 释放源文件缓存区 */
  GUI_ALLOC_Free(image->hMEM);
  
  /* 返回状态 */
  return result;

  /* 如果图片长时间使用，请勿释放内存设备 */
}