#基础使用#用mpython x玩转掌控板——打开世界地图（上）

【情境导入】                                                                              

OLED显示屏除了可以显示文本以外，还可以显示一些其它的东西，比如说图片。

本节内容，让我们一起来了解一下，如何利用OLED显示屏来显示图片？

【任务描述】

利用掌控板板载1.3英寸OLED显示屏，通过图片取模，显示世界地图。

【材料清单】

硬件——掌控板板载1.3英寸OLED显示屏、USB数据线

软件——Img2Lcd图片取模工具、mPythonX图形化编辑器

【准备工作】

>掌控板板载1.3英寸OLED显示屏：    

分辨率128x64，支持显示图片。

>准备图片：

1张bmp格式的世界地图。

>图片取模工具：

网上下载Img2Lcd工具。

>关键语句

显示→绘制图像、OLED显示生效语句。

【学习目标】

1.  学会图片取模的方法（重点）

2.  初步认识显示图片模块（重难点）

3.  进一步熟悉OLED显示屏的坐标显示方法（重点）

【项目示例】

Step1 图片下载

OLED显示屏只能显示黑白图片，所以图片要线条分明，且颜色不能过于丰富。

                                            （合格）

                                        （不合格）

Step2 图片处理

操作流程：

 选择图片  →  “右键”    → “编辑”    →  打开画图工具  →    “重新调整大小”   →   设置图片的像素   →   将图片另存为bpm格式的图片

拓展阅读：

1. 在画图工具中点击“重新调整大小”，在 “保持纵横比”的条件下，设置图片的像素。

2. 在设置图片像素时，当“垂直”设为64的时候，注意“水平”不能超过128（OLED显示屏的最大宽度），否则图片不合格。

Step3 图片取模

1. 使用取模工具对图片进行取模。网上有PCtoLCD、lcd image converter等取模软件，可根据自己喜好自行选择。这里使用的是 Img2Lcd工具

2. 打开bmp格式的世界地图，选择参数：输出数据类型[C语言数组]、 扫描模式[水平扫描]、输出灰度[单色]、宽高[128*64]，适当调整图片的亮度和对比度直至输出图片清晰

3. 点击保存，生成.c文件，去掉代码的首尾两行，剩下的都是图片的像素，选择复制。

【技术支持】

• 如何将像素点粘贴到绘制图形模块的列表中？



1. 在“显示”模块里面找到下面这个绘制模块



2. 将刚才生成的像素点复制到初始化列表里面，注意修改宽高为图像的宽高，不然编译会出错

3. 宽度和高度可以从取模软件底部得知

Step4 显示图片

在图片的右边逐个单行显示“世界地图”，这里设定显示的x坐标为100，每个文字的行距为16像素，最后别忘了加上“OLED显示生效”

【拓展思考】

1. 如何用图片取模工具对不同大小、格式的图片进行取模？

2. 如何用OLED屏显示多张不同的图片？

3. 利用OLED显示屏显示单张图片和显示多张图片有何区别？