一、图片取模工具（imag2lcd）
        我们前面将汉字显示时说过，嵌入式LCD屏显示就是通过LCD屏幕数据接口给每个屏幕像素给出一个颜色值实现实时渲染显示出来。只不过文字显示时，给出的是一个二进制点阵，然后根据二进制中的“1”或“0”值匹配给出程序设置的前景色或背景色。那么涉及图片显示时，图片本身就是携带了颜色信息的，那么我们就可以直接将颜色信息通过LCD接口推送给屏幕。

  j2 ?; a3 I' K, E6 R2 a        图片取模工具（或叫图片转换工具，imag2lcd），如下图所示，可以将图片格式文件转换为图片点阵代码表，将每个像素的颜色数值给出为16进制数值表示的点阵。


8 e! y2 {4 L' z' K) K0 I) P
" M* U/ z/ x# j- {, [% b
* B8 ?8 o3 B& C二、 工程设计
        【1】本文借用了本博客专栏前面汉字显示博文的基础源码包，在该基础上进行图片显示。 本文采用的STM32L496VGT3-ali开发板，其LCD屏幕支持240*240像素输出。


* q! S( Z% f5 ?( h8 G9 h" v; t
         只是为了讲述图片在LCD显示实现过程，本人直接在网上下载了一张240*240的图片，并将该图片转换为bmp格式。

        【2】由于是进行240*240图片刷新在整个屏幕，因此采用了SPI-DMA实现刷新屏幕像素，本专栏前面oled点亮博文中，就采用了直接刷新和DMA刷新两种方式设置屏幕背景实现点亮。现在先回顾一下DMA方式需要注意的细节。
/ s7 P" g* b* d) |+ [- h
$ C5 K0 s6 G: ]/ p# v        1）开启DMA支持


. C& _" Z) v$ P2 S$ L- k
4 ]( `; \) I; ]5 a4 }         2）开启中断支持，然后保存生成输出代码
' {3 C, D7 f. L, V3 j! H
5 k4 J7 g6 F4 t' J; z  p

* B7 s" B# X, h  G4 T. T         3）增加对中断回调的处理
- G6 `, }  Q" c0 R* L6 r8 r. d



三、图片显示实现过程
      
        先假设已经能点亮lcd屏幕了，现在开始实现图片在lcd屏幕输出显示过程。
* i( g2 F/ E8 f- P; T+ ?0 \
       【1】 打来安装好的image2lcd工具，载入需要显示的图片，如下图进行设置。

$ L( f7 ?" D; K6 v) H6 P; Z

         【2】完成设置，点击保存按钮，在弹出的对话框，输入想要保存的文件名，注意，如果没输入文件名后缀，将默认为(.c)输出，本文采用（.h）输出，如下图。
# U8 q( N8 g" M( g, ~

( A1 n7 K, M# l! i& I
         【3】输出图像编码表如下图所示。


+ w+ d0 H; U8 x
         【4】将输出的"pyimg.h"文件拷贝到工程的ICore/ oled目录下，并为了消除编译告警信息，将gImage_pyimg的数据类型调整为"uint8_t"。
! k2 V6 `& D: i9 C" b( d
% u# m5 P/ _- \7 t
& z$ c1 p- A4 k6 h: o2 M( N
         【5】在oled.h文件添加一个“void BSP_LCD_img_DMA();”函数声明，在oled.c文件中包含拷贝过来的头文件“include "pyimg.h"”，并实现“void BSP_LCD_img_DMA()”函数。
2 C7 s& g  s+ g7 w

1. extern volatile uint8_t one_frame_done;//已在spi.c中用户自定义
   
2. //加载240*240*2的uint8_t格式颜色数组进行LCD屏幕显示
   
3. void BSP_LCD_img_DMA()
   
4. {
   
5.         /*gImage_pyimg 在pyimg.h中,大小WIDTH * HEIGHT *2=115200 */
   
6.         //需要分两次写入HAL_SPI_Transmit_DMA写入缓存大小uint16_t(0xfff,65535)
   
7.         one_frame_done = 0;
   
8.     /* 指定显存操作地址为全屏*/
   
9.     LCD_Address_Set(0, 0, WIDTH - 1, HEIGHT/2 - 1);
   
10.     Data_Cmd_State(1);/* 指定接下来的数据为数据 */
    ! P! s' u3 T% p1 @, B% Y2 D% j
11.     /*DMA 写前半屏*/
    
12.     HAL_SPI_Transmit_DMA(&hspi1,gImage_pyimg, WIDTH*HEIGHT);
    # }! f7 D& I/ H) w8 v
13.     while(!one_frame_done){/*release cpu and doing something else*/}
    
14.         one_frame_done = 0;
    
15.     /* 指定显存操作地址为全屏*/
    
16.     LCD_Address_Set(0, HEIGHT/2, WIDTH - 1, HEIGHT - 1);
    7 f% F9 ~0 |+ P- c$ Z
17.     Data_Cmd_State(1);/* 指定接下来的数据为数据 */
    8 W/ @0 @1 \5 M( Q$ q' X7 O+ o; ^
18.     /*DMA 写后半屏*/
    
19.     HAL_SPI_Transmit_DMA(&hspi1,gImage_pyimg+WIDTH*HEIGHT, WIDTH*HEIGHT);
    1 t% j  g) g  e/ w9 [# [% w3 S! Y
20.     while(!one_frame_done){/*release cpu and doing something else*/}
    8 Z9 t0 f) k+ |! N. J- ?
21. }

复制代码

四、编译及下载
7 J4 N7 E9 ~5 [# B* U+ F7 |  e        【1】在main.c主函数中，加入按键1时调用“BSP_LCD_img_DMA”函数，实现图片在LCD屏幕显示。
& E( q. M- w; z: s' {* F/ ^( A

6 n! {/ @7 o. ^/ I9 f# H
$ `* _$ |$ m# n7 m& z. [$ C) U         【2】点击编译及点击运行按钮，加载程序到开发板上
$ m( i; H- M* f2 a
1 K) G- Q6 P" N4 L! J  R1 J

         【3】在开发板上点击按键1，观察显示效果

4 Q) M+ N$ u* w* y1 B$ D
) i; d1 O* b! d
& m9 d; I* A: F- P' h- D" E
7 G* g3 [7 }' T! a6 u+ _————————————————
版权声明：py_free-物联智能
% Y2 S' q2 B/ X2 w) l4 E& E如有侵权请联系删除


6 Q- b* V" b) p- z" ~4 r1 s) }