第5课（kè） 科创板-华丽展示

1、通过编程使用OLED显（xiǎn）示屏“画”字（zì）；

2、学（xué）会使用OLED显示屏（píng）显示汉字（zì）；

3、学（xué）会（huì）使用（yòng）OLED显示屏显示图片。

1
OLED显示屏“画（huà）”字——Science and Math

认识“OLED绘制（水平（píng）/垂直）线条（tiáo）”代码块

“OLED绘制（zhì）（水平/垂直）线条”代码（mǎ）块位于“显示器”模（mó）块中，它的（de）功（gōng）能是，在OLED显示屏中（zhōng），以设定的顶点与长度（dù）绘制水平或垂直的线条。

OLED屏“画”一条（tiáo）水平线，程序如下：

运行这个程序，会（huì）看到OLED显（xiǎn）示屏中（zhōng）间（jiān）出现了一条（tiáo）水（shuǐ）平线（xiàn）。

我们已经（jīng）在OLED显示屏中“画”了一条水平线了，那我们可不可以尝试 “画”一条斜线呢？当然是可以的，只需（xū）要将线条的起（qǐ）点与终（zhōng）点的数值，设（shè）置的都不同（tóng）就可以了（le）。

认识“OLED绘制线条”代码块

“OLED绘制线条”代码块位于“显示器”模块中（zhōng），它的功能是在OLED显示屏（píng）中，以设定的（de）起点（diǎn）与终（zhōng）点（diǎn）绘制线条（可以“画（huà）”直线，也（yě）可以“画”斜线）。

用OLED屏（píng）“画”一条斜（xié）线（xiàn）：

运行（háng）这个程序，可以看到OLED显示（shì）屏“画”了一条向右下（xià）角的斜线。

我们（men）学会了在OLED显示屏中“画”直线还有斜线了，接下（xià）来就要做点有难度的（de）任务了，让OLED显示屏“画”一个回字，要按照回字的笔画顺（shùn）序（xù）写出来（OLED屏（píng）“画”字的本质就是找好字的（de）各个点（diǎn）的坐标，之后按照字的笔（bǐ）画（huà）顺序写出即可）。

OLED屏“画”回字（zì）参（cān）考程序：

运行以上程序（xù），回字就一笔一划的出现在我们（men）的（de）显示屏上了。

二、试验与科学——Technology and Math

1、认识新（xīn）的模块库“科（kē）创板v2.0”

认识（shí）“OLED屏（píng）幕（显示（shì）/清空缓存）”代（dài）码块

“OLED屏幕（显示/清空（kōng）缓存）”代码块（kuài）位于“科创板v2.0”模块中。其中“OLED屏（píng）幕（mù）显（xiǎn）示”代（dài）码要（yào）完成需要（yào）经过两（liǎng）步：第1步，处理（lǐ）器发送数据到OLED缓存区；第2步，将OLED缓存（cún）区（qū）的数据显示在屏幕上。

我们原（yuán）来用的（de）“OLED清屏”代码块（kuài），其实包含了这2个步骤，首先（xiān）清空缓存（cún）（屏幕缓（huǎn）存区都置0），然后将缓存区内容显示到（dào）屏幕上（shàng），这样在连续显示内容时（shí）容易出现（xiàn）屏幕（mù）闪（shǎn）烁现象，新代码块“清空缓（huǎn）存”与（yǔ）“显示”命令将这两个步骤分开了。

认识“OLED加载模型位置（zhì）”代码块

“OLED加载模型位置”代码块位（wèi）于“科创（chuàng）板（bǎn）v2.0”模块（kuài）中，它的（de）作用是将通过（guò）改变X与Y的参数（shù），来改变（biàn）模（mó）型在（zài）OLED显示屏中的位置，由于要在屏幕（mù）中显（xiǎn）示，所以X与Y的（de）取值受（shòu）限于OLED显示屏的分（fèn）辨率（lǜ）。

认（rèn）识“创建OLED模型”代码块

“创建OLED模型”代（dài）码块位于（yú）“科创板v2.0”模（mó）块中。它的（de）作（zuò）用是将模为“0x**， 0x**……”的（de）图片参数置于（yú）OLED缓存区，其中表示所显示图片的大（dà）小（xiǎo）。

2、OLED屏显（xiǎn）示（shì）图片

OLED显示屏的（de）基本（běn）功能，我们都已经学习完了（le），接下来（lái）我们要（yào）学习的是（shì）能让OLED显示屏华丽（lì）展（zhǎn）示的功能。在（zài）学习华丽（lì）展示的技能（néng）之前，我们要学习一个新软件“取字（zì）模软件”。

先将（jiāng）“文字（zì）取模软（ruǎn）件”解（jiě）压缩（suō），双击打开解压缩后的文（wén）件夹，会看到取文字模软件.EXE，直接（jiē）双击，打开取字模软件。

文字取模软件（jiàn）界面：

①、新建图像（xiàng）命令

点击新建图像命令，会弹出如下对话框（kuàng），在对话框中可自由设（shè）定图像大小参数，由于（yú）OLED屏幕像素数有限，图片参数（shù）应（yīng）不大于128*64。

点击（jī）确定后，在操作界面中央会出现编（biān）辑区，通（tōng）过点击（jī）鼠标可以在编辑区（qū）绘制想要的图形，为了（le）绘（huì）制方便，可以选（xuǎn）择“模拟动画（huà）”模块，点击放大格点命令，可（kě）以看（kàn）的更清楚，操作更便捷。

②、打开图像图标

打开图像图标，弹出加载图片窗口。

选择位图文件夹（jiá），找到后缀名为（wéi）.bmp的文件（jiàn），点击打开。

这就是我（wǒ）们要取模的图片（piàn）了，取模完成后，可在OLED屏幕上即（jí）可显示这样（yàng）的图片（piàn）。

点击“取模方式”，然后点击（jī）C51格式命令。

在菜（cài）单信息栏会出现图片取模的结果。

复制取（qǔ）模结（jié）果（guǒ）。

将取模结果（guǒ）粘贴（tiē）到“创建OLED模型”的（de）模型参数框中。

并将取模结果中（zhōng）显示的宽高，写入“创建OLED模型”代码（mǎ）框中的宽（kuān）为64，高也（yě）是64。

以便屏幕（mù）能够显（xiǎn）示完整的图片，所以Y写（xiě）0，上传程（chéng）序块到（dào）科创板（bǎn）。

程（chéng）序上传（chuán）后，科创板（bǎn）就会显示相应的图（tú）片，很帅（shuài）吧（ba）！

3、文字取模与（yǔ）显示

双击打开（kāi）取字模软件，点（diǎn）击“参数设（shè）置”里的“文字输入区字（zì）体选择命令”。

在（zài）弹出的对话框里（lǐ），可（kě）以设置字体、字形，大小（xiǎo），下划线等效果，我们可（kě）以选择效（xiào）果（guǒ）如下（xià）：

文字输入区写完文字后，按Ctrl+Enter组（zǔ）合（hé）键。

文字取（qǔ）模区显（xiǎn）示（shì）的的效果。

选择“取（qǔ）模方式”下的“C51格式”命令，生成取模结果：

如果菜单信息栏窗口太小，复制操作不便（biàn），我们可以把信息复制到文本文档中进行查看，可见每个字是单独取模的。

我们把（bǎ）这些字写在科创（chuàng）板中，程序（xù）如下（程序中（zhōng）宽与高的（de）参数取自上图中（zhōng）调整参数40X37）：

右图是将字体改为宋体后的（de）显（xiǎn）示效果。

三、延伸与扩展——Arts

我们（men）的（de）OLED显示屏还有（yǒu）许（xǔ）多功能可以开发，就比如下（xià）面这个界（jiè）面（miàn），我们怎样去实现（xiàn）呢？

请以小组的形式进行合（hé）作（zuò），尝试让OLED显示屏显示上图所示界面（miàn）。

设计要求：

（能够让（ràng）OLED显示屏显（xiǎn）示上图所示界面；

（保证（zhèng）控制方式安（ān）全可（kě）靠（kào）。