第5课 科（kē）创（chuàng）板-华（huá）丽（lì）展示

1、通过编程使（shǐ）用（yòng）OLED显示屏“画”字；

2、学会使（shǐ）用OLED显示屏显（xiǎn）示汉字；

3、学会（huì）使用OLED显示屏显示图片（piàn）。

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

认识“OLED绘制（zhì）（水（shuǐ）平/垂直）线条”代码块

“OLED绘（huì）制（水平（píng）/垂（chuí）直）线条”代码块位于（yú）“显示（shì）器”模块中，它的功能（néng）是，在（zài）OLED显示屏中，以（yǐ）设定的顶点与长度绘制水平或（huò）垂直（zhí）的线条（tiáo）。

OLED屏“画”一（yī）条（tiáo）水平线，程序如（rú）下（xià）：

运行这个程（chéng）序，会看到OLED显示屏中间出现了一条水平线。

我们已经在OLED显示屏中（zhōng）“画”了一条水平线了，那我们可不可以尝试 “画”一条（tiáo）斜线呢？当（dāng）然（rán）是可以的，只需要将线条的起点与终点的数值，设置的（de）都（dōu）不同就可以了（le）。

认识“OLED绘（huì）制线条”代码块

“OLED绘制线（xiàn）条”代码块位（wèi）于“显示器”模（mó）块（kuài）中，它的功能是在OLED显示屏（píng）中，以（yǐ）设（shè）定的起（qǐ）点（diǎn）与终点（diǎn）绘制线条（tiáo）（可以“画”直线，也可以“画”斜线（xiàn））。

用OLED屏“画”一条斜线：

运行这个程序（xù），可以看到OLED显（xiǎn）示屏（píng）“画”了一（yī）条（tiáo）向（xiàng）右下角的斜线。

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

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

运行（háng）以上程序，回（huí）字就（jiù）一笔一（yī）划的出现在我（wǒ）们的（de）显示屏上了。

二（èr）、试验与科学（xué）——Technology and Math

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

认识“OLED屏幕（显示/清（qīng）空（kōng）缓存）”代（dài）码（mǎ）块

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

我（wǒ）们（men）原来用的“OLED清屏”代码块，其实包含（hán）了这2个步骤，首（shǒu）先清空缓存（屏（píng）幕缓存区（qū）都（dōu）置0），然后（hòu）将缓存区（qū）内容显示到屏（píng）幕上，这样在连（lián）续（xù）显示（shì）内容时容易出现（xiàn）屏幕（mù）闪烁现象（xiàng），新代（dài）码块“清空缓存”与（yǔ）“显示”命令将这（zhè）两个步骤分开了。

认识“OLED加载模型（xíng）位置”代码块（kuài）

“OLED加载模型位置”代码（mǎ）块位（wèi）于“科（kē）创板v2.0”模块中，它的作用是将通过改变（biàn）X与Y的参（cān）数，来（lái）改（gǎi）变模型在（zài）OLED显示屏（píng）中的位置（zhì），由于（yú）要在屏幕中（zhōng）显示，所以X与Y的取值受限于OLED显示屏的（de）分辨率。

认识“创建OLED模型（xíng）”代码块

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

2、OLED屏显示图片

OLED显示屏的（de）基本功（gōng）能，我（wǒ）们都已经学（xué）习完了（le），接（jiē）下来我们要学习的是（shì）能（néng）让OLED显示屏（píng）华丽展（zhǎn）示的功能。在学习华丽展（zhǎn）示的（de）技能之前，我们要学（xué）习（xí）一个新软件（jiàn）“取（qǔ）字模（mó）软件”。

先将“文（wén）字取模软件”解压缩，双击（jī）打开解压缩后的文件夹（jiá），会看到取文字模软件.EXE，直接双击，打开（kāi）取字模软件。

文字（zì）取模软件界面：

①、新建图像命令

点击新建图像命令，会（huì）弹出（chū）如下对话框，在对话框中可自由设定（dìng）图像大小（xiǎo）参数，由于OLED屏幕像素数有限，图片参数应不（bú）大于128*64。

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

②、打开图像图标（biāo）

打开图像图标，弹出加载图片窗口（kǒu）。

选择位图（tú）文件夹，找到后缀名为.bmp的文（wén）件，点击（jī）打开。

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

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

在菜单信息栏会出现图片取模的结果。

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

将取模结果粘贴到“创建OLED模型（xíng）”的模型（xíng）参数框中（zhōng）。

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

以便屏幕（mù）能够显示完整的图片，所以Y写0，上传程序块到科创板。

程序上传后，科创板就会显示相应的图片，很（hěn）帅吧！

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

双击打（dǎ）开取字模软件，点击“参数设置”里（lǐ）的（de）“文字输入（rù）区字体（tǐ）选择命令”。

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

文字输入区（qū）写完文字后，按（àn）Ctrl+Enter组合键。

文字取模区显示的的效果。

选择（zé）“取模方式”下的“C51格式”命令，生成取模（mó）结（jié）果：

如果菜单信（xìn）息（xī）栏窗口（kǒu）太小，复制操作不便（biàn），我们（men）可以（yǐ）把（bǎ）信（xìn）息复制（zhì）到（dào）文本文档中进行（háng）查看，可见每个字是单独取模的（de）。

我（wǒ）们把这些字写在科创板中，程序如（rú）下（程序中宽与高（gāo）的参数取自上图中（zhōng）调整参（cān）数40X37）：

右图（tú）是将字体改为宋（sòng）体后的显示（shì）效（xiào）果。

三、延（yán）伸与扩展——Arts

我们的（de）OLED显示屏（píng）还有许多功能可以（yǐ）开发，就比如下面这个界（jiè）面，我（wǒ）们怎样去实现呢？

请以小组的形式（shì）进行合作，尝试让OLED显示屏显示上图所（suǒ）示界面。

设（shè）计要求：

（能够让OLED显示屏显示上图所示界面（miàn）；

（保证控制（zhì）方式安全可靠（kào）。