嵌入式技术及应用（STM32CubeMX版）课件 任务14 用OLED显示图片

任务14 用OLED显示图片任务要求OLED屏的控制控制芯片为SSD1603，接口形式为4线制SPI接口，OLED屏的库函数位于“\资源包\OLED”文件夹中，待显示的文件为“竹子.jpg”，该文件位于“\资源包”中。要求用STM32CubeMX生成Keil5的工程，再将OLED的函数库移植至Keil工程中，并进行适当编程，使OLED屏中显示竹子图片。知识储备

1．图片显示函数在OLED函数库中，显示图片的函数为OLED_DrawBMP()，其代码详见OLED_DrawBMP()例如，设图片文件的点阵数据存放在数组bmp[]中，用OLED显示图片的程序如下：OLED_DrawBMP(0,0,127,7,bmp);实现方法与步骤任务14的硬件电路：

1．搭建电路

2．用图片处理软件编辑图片文件步骤（1）用美图秀秀编辑图片。第1步：用baidu或者360在网上搜索“在线美图秀秀网页版”，然后点击所搜索到的“美图秀秀网页版”超链接，打开“美图秀秀网页版”工作页面。

2．用图片处理软件编辑图片文件步骤第2步：在图中点击“打开一张图片”按钮，打开“选择要上载的文件”对话框，然后在对话框中找到我们提供的图片文件“竹子_原图.jpg”。

2．用图片处理软件编辑图片文件步骤第3步：点击“打开”按钮，美图秀秀的右边窗口中会显示所打开的图片，如图所示。第4步：点击左边窗口中的“裁剪”列表项，然后在“宽度”和“高度”文本框输入裁剪后的像素，右边窗口中所选择的裁剪区域的大小会跟着变化。在选择宽度和高度时要注意两者的比例要选择2:1，另外要尽量将裁剪区域设置大一点。

2．用图片处理软件编辑图片文件步骤第5步：用鼠标左键按住右边窗口中的裁剪区域，并拖动裁剪区（注意不要扡动区域的边框，否则会改变区域的大小），使其位于我们所要裁剪的区域，然后点击确定按钮。

2．用图片处理软件编辑图片文件步骤第6步：在美图秀秀的左边窗口中点击“修改”列表项，然后将宽度和高度分别设置为128和64，将第5步中所裁剪的图片压压缩成像素为128*64的图片，再点击确定按钮，如图所示。2．用图片处理软件编辑图片文件步骤第7步：在在美图秀秀的窗口中点击“保存与分享”标签，然后在“保存到我的电脑”栏目中的“文件名”文本框中输入文件名“竹子_剪裁”，如图所示。2．用图片处理软件编辑图片文件步骤第8步：点击“保存图片”按钮，打开如图所示的“选择下载的位置”对话框，然后在对话框中选择好保存文件的位置和文件名，然后点击“保存”按钮，将裁剪后的文件保存到计算机中，该文件为“竹子_剪裁.jpg”。3．用Image2Lcd软件制作位图文件步骤第1步：启动Image2Lcd，打开如图所示的窗口。第2步：在Image2Lcd窗口中点击“打开”按钮，然后在“OpenImagefile”对话框中找到并打开“竹子_剪裁.jpg”文件。第3步：在Image2Lcd窗口中将“输出数据类型”设置成“BMP格式”，扫描模式选择水平扫描，输出灰度选择单色，然后点击保存按钮，文件保存为“竹子.bmp”文件。该文件就是我们所需要的128*64像素的bmp文件。4．用PCtoLCD软件制作图库文件步骤第1步：启动PCtoLCD软件，打开如图所示的窗口。4．用PCtoLCD软件制作图库文件步骤第2步：点击菜单栏上的“模式”→“图形模式”菜单，将软件的工作模式设置成图形模式，如图所示。4．用PCtoLCD软件制作图库文件步骤第3步：点击菜单栏上的“选项”菜单，打开“字模选项”对话框，然后在点阵格式中选择阳码，在取模方式中选择列行式，在取模走向中选择逆向，输出数制选择十六进制，输出格式选择C51格式，如图所示，然后去掉行前缀文本框中的“{”和行后缀文本框中的“}”,再点击“确定”按钮，完成字模选项设置。4．用PCtoLCD软件制作图库文件步骤第4步：在PCtoLCD窗口中点击打开文件图标按钮，然后在弹出的“打开”对话框中找到并打开“竹子.bmp”文件，再点击“生成字模”按钮，PCtoLCD就会按我们所设置的方式产生“竹子.bmp”文件的点阵字模，并在下面的列表框中显示所生成的字模代码，如图所示。4．用PCtoLCD软件制作图库文件步骤第5步：点击“保存字模”按钮，系统中会弹出如图所示的“另存为”对话框，然后在对话框中选择文件存放的文件夹，将文件名设为bmp.h，文件类型选择“所有文件(*.*)”，再点击“保存”按钮，将字模保存到bmp.h文件中。5．生成硬件初始化代码任务14的硬件电路与任务13相同，其硬件初始化代码的生成方法和步骤与任务13相同，请读者按照任务13中介绍的步骤在STM32CubeMX中配置SYS、RCC、GPIO口以及系统时钟，并将STM32CubeMX工程命名为Task13，然后生成Keil工程，并OLED函数库移植至Keil中。6．编写显示图片的应用程序步骤第1步：在main.c文件的USERCODEBEGINIncludes与USERCODEENDIncludes之间（用户头文件包含区）添加包含头文件的代码，如图所示。6．编写显示图片的应用程序步骤第2步：在main()函数的USERCODEBEGIN2与USERCODEEND2之间（用户代码2区）添加初始OLED代码和显示图片的代码，如图所示。7．完善bmp.h头文件步骤第1步：将头文件bmp.h复制到到oled.c文件的在的文件夹中，如图所示。7．完善bmp.h头文件步骤第2步：在Keil中打开bmp.h文件，注释掉或者删除第1行中的文件路径说明，然后在第3行处添加“constunsignedcharbmp[]={”，如图所示。也就是在第3行处开始定义数组bmp[]，该数组的元素为bmp.h文件中的16进制数，即图中所生成的字模，数组的数据类型为unsignedchar。7．完善bmp.h头文件步骤第3步：在bmp.h文件的最尾处添加“};”，如图所示，然后保存bmp.h文件。8．调试与下载程序按照前面任务中所介绍的方法对程序进行编译、调试直至程序正确无误，再将程序下载至开发板中并运行程序，我们可以看到OLED屏中显示出竹子的图片，如图所示。实践总结与拓展

查阅任务13中所介绍的OLED_Init()函数，修改OLED_Init()函数中相关参数，然后重新编译连接程序，再观察图片显示的结果，总结这些参数对OLED显示的影响。（1）将第32行代码改为“OLED_WR_Byte(0xA1,OLED_CMD);”。（2）将第34行代码改为“OLED_WR_Byte(0xc8