【情境导入】
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显示屏显示单张图片和显示多张图片有何区别?