第八期：JPEG图片的显示方法（支持从外部Flash，SD等读取）

eric2013 · 发表于 2013-9-22 20:22:25

特别说明：pdf版60期emWin教程已经发布：
               http://www.armbbs.cn/forum.php?mod=viewthread&tid=2932
               armfly-x2,x3,v2,v3,v5开发板裸机和带系统的emWin工程已经全部建立，链接如下：
               http://www.armbbs.cn/forum.php?mod=viewthread&tid=1830
   一些打算学习emWin的初学者不用担心，现在前面这几期例子，不用理解为什么这么做，只需会调用相应的API函数
就可以了随着后面几期的进行，会逐渐讲这方面的东西，现在要做的就是熟练的使用这些API函数。
   本期主要讲emWin支持的JPEG图片的显示，官方支持的主要有两种显示方法，一种是从外部存储器读取数据到内部存
储器然后来显示图片，这种的显示速度要快些，另一种方法是直接从外部存储器读取数据并显示，这种办法的好处就是不要
大的RAM需求，每次读取一些数据显示一次，坏处就是显示速度比较的慢。
   由于官方提供的JPEG的显示方法比较耗RAM，这里将2MB的外部SRAM做为emWin的动态内存。
GUI_JPEG_Draw()    绘制已加载到存储器的JPEG文件

GUI_JPEG_DrawScaledEx 绘制没有加载到存储器的带比例的JPEG文件
下面是两张放到过程中的图片

本期分为三个小节：
8. 1  JPEG函数说明
8. 2 移植到armfly - v5开发板上面
8. 3  实验总结

7. 1  JPEG函数说明
   7.1.1  JPEG需要的内存大小

比如要显示800*480的jpeg大约需要 800*80 + 33k = 97k的内存，鉴于这种情况，这里把外部
的2MB的SRAM做为动态内存，使用前记得初始化SRAM，然后就是在GUIconf.c文件里面初始化
一下。

/*
**********************************************************************
*
*    Defines
*
**********************************************************************
*/

/* Define the available number of bytes available for the GUI */
#define GUI_NUMBYTES  (1024*1024*2)
/* Define the average block size */
#define GUI_BLOCKSIZE 0x80

/*********************************************************************
*
*    GUI_X_Config
*
* Purpose:
* Called during the initialization process in order to set up the
* available memory for the GUI.
**********************************************************************
*/
void GUI_X_Config(void)
{
#if 0
/* 32 bit aligned memory area */
static U32 aMemory[GUI_NUMBYTES / 4];

/*  Assign memory to emWin */
GUI_ALLOC_AssignMemory(aMemory, GUI_NUMBYTES);
GUI_ALLOC_SetAvBlockSize(GUI_BLOCKSIZE);
#else
static U32 *aMemory;
aMemory = (U32 *)EXT_SRAM_ADDR;
/*  Assign memory to emWin */
GUI_ALLOC_AssignMemory(aMemory, GUI_NUMBYTES);
GUI_ALLOC_SetAvBlockSize(GUI_BLOCKSIZE);
#endif
}

7.1.2 绘制已加载到存储器的JPEG文件
这个函数的使用比较简单，从SD卡中读出jpeg图片的数据以后，直接显示就可以了，但是有
时候比较大的图片需要从emWin的动态内存里面申请一块空间，使用完了放回去就可以了，方法
如下：
/* 申请一块内存空间并且将其清零  这里申请512k的内存 */
hMem = GUI_ALLOC_AllocZero(1024*512);
/* 将申请到内存的句柄转换成指针类型 */
_acBuffer2 = GUI_ALLOC_h2p(hMem);
/* 释放申请的动态内存  */
GUI_ALLOC_Free(hMem);
此方法简单有效。

7.1.3  GUI_JPEG_DrawScaledEx() 绘制无需加载到存储器的带比例的JPEG文件
   这个函数的使用方法和注意事项和上一节的BMP显示是基本一样的，这里就不多说了，这种加Ex的函数
主要用于存储器没有足够的RAM加载整个文件，可使用这种函数来加载图片文件。

7. 2  移植到armfly - v5开发板上面
程序里面有一个地方注意一下就可以了，这里使用了条件编译将两种显示方法做了区分。

/*
使用外部存储器分批读出
*/
#if 1
   _ShowJPGEx("1.jpg");
/*将图片数据全部的读到内存中，然后显示  */
#else
_ShowJPG("2.jpg");
while(1)
{
   GUI_Delay(100);
}
#endif
7. 3  实验总结
整体来说显示JPEG的速度还算可以，不过刷图片依然不是很给力。
SD卡中需要放的图片

SD卡根目录下.zip (95 KB, 下载次数: 369)

程序下载

第八期：STemWin5.20+uCOS-III+FatFS.zip (15.77 MB, 下载次数: 12634)

byccc · 发表于 2013-9-22 20:28:23

楼主太给力了，强烈支持

stm32f4 · 发表于 2013-9-22 20:28:52

支持汉子哥，[s:151] [s:151]

uc-chao · 发表于 2013-9-22 20:46:52

不知道VC6上面怎么模拟显示。

eric2013 · 发表于 2013-9-22 20:51:24

uc-chao:
不知道VC6上面怎么模拟显示。

官方有例子的

tigerdill · 发表于 2013-9-23 08:55:11

学习了，谢谢

drjloveyou · 发表于 2013-9-23 09:56:51

学习了，谢谢

zhgwork · 发表于 2013-9-23 10:04:39

支持汉子哥

feiante · 发表于 2013-9-23 10:20:33

学习学习。。。。。。。。。

nel2010 · 发表于 2013-9-23 11:18:18

good！

eric2013 · 发表于 2013-9-23 12:09:19

谢谢兄弟们的支持

bin629jing · 发表于 2013-9-23 14:25:12

学习学习

michael001 · 发表于 2013-9-23 20:24:13

不错，支持一下！！！！

lcptw · 发表于 2013-9-24 11:14:45

支持，看看

jcx0324 · 发表于 2013-9-24 12:55:03

非常好

xidaole · 发表于 2013-9-24 19:27:50

跟进，进一步学习实用技术。[s:151]

forevertoo · 发表于 2013-9-24 22:13:27

leehaoyun · 发表于 2013-9-26 11:25:28

支持硬汉……[s:152]

daitouzhu · 发表于 2013-9-27 15:43:17

xuexi!!!!!!

qq923830375 · 发表于 2013-9-28 23:30:10

不错呀，呵呵

qjjie · 发表于 2013-9-29 12:18:20

跟进，进一步学习实用技术。

foxsliver · 发表于 2013-9-29 13:54:31

跟着楼主过来了！！！呵呵！
[s:151] [s:151]

everbright66 · 发表于 2013-9-30 14:18:41

不知道显示速度如何

艺术家 · 发表于 2013-10-2 12:09:25

[s:142]

eric2013 · 发表于 2013-10-4 11:39:17

顶一下

missfox · 发表于 2013-10-6 14:21:01

顶起，支持硬汉

黑夜游侠 · 发表于 2013-10-8 16:11:48

高端大气

magusss · 发表于 2013-10-12 14:42:21

[s:151]

northtiger · 发表于 2013-10-12 16:01:32

[s:151] [s:151] [s:151] [s:151]

流云恋水 · 发表于 2013-10-12 23:20:29

楼主给力，新手正在学习

gehaiyangtai · 发表于 2013-10-14 22:19:42

谢谢！

天马行空 · 发表于 2013-10-17 14:15:12

[s:151][s:151]

klwanghl · 发表于 2013-10-17 16:21:53

学习学习。。。。。。。。。

wfmartin28 · 发表于 2013-10-19 16:07:44

[s:152] [s:152] [s:152]

zdhckjs · 发表于 2013-10-22 09:16:03

学习

wxfje · 发表于 2013-10-22 21:58:27

不错不错

chenzb_xm · 发表于 2013-10-23 09:16:38

非常给力

chenzb_xm · 发表于 2013-10-23 09:21:03

硬汉哥，JPG和BMP这两种方法，哪种更具有优势呀？

eric2013 · 发表于 2013-10-23 12:27:14

chenzb_xm:硬汉哥，JPG和BMP这两种方法，哪种更具有优势呀？ (2013-10-23 09:21) 

视具体情况而定吧，方便的话，可以单独发个帖子，讨论一下

zhuhao · 发表于 2013-10-23 21:52:50

正在弄GUI读SD卡显示图片，学习一下

		自动登录	找回密码
密码			立即注册

[emWin教程入门篇] 第八期：JPEG图片的显示方法（支持从外部Flash，SD等读取）

回 chenzb_xm 的帖子