第5课 科创板-华丽展示

1、通过编程使用OLED显示屏“画”字；

2、学会（huì）使用OLED显示（shì）屏显示汉字；

3、学会使用OLED显示屏显示图片。

1
OLED显（xiǎn）示（shì）屏“画（huà）”字（zì）——Science and Math

认识“OLED绘制（水平/垂直）线条”代码（mǎ）块

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

OLED屏“画”一条水平线（xiàn），程序如下：

运（yùn）行这个程序，会看到OLED显示屏中间出（chū）现了一条（tiáo）水平线。

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

认识“OLED绘制（zhì）线（xiàn）条”代码块

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

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

运行（háng）这个程序，可以看（kàn）到OLED显示屏“画（huà）”了一条向右下角（jiǎo）的斜线。

我们学（xué）会了在OLED显示屏中“画（huà）”直线还有斜线了，接下来就要做（zuò）点有（yǒu）难度的任务了，让OLED显示屏“画”一（yī）个回字，要（yào）按照回（huí）字的笔画顺（shùn）序写出来（OLED屏“画”字的本质就是（shì）找好字的（de）各（gè）个点的坐标（biāo），之后按（àn）照字的笔画顺（shùn）序写出即可（kě））。

OLED屏（píng）“画”回（huí）字参考程序：

运行以上程序，回字就一（yī）笔（bǐ）一划的出现在（zài）我们的显示屏（píng）上了。

二、试验（yàn）与科学——Technology and Math

1、认识新的（de）模块（kuài）库“科创板v2.0”

认（rèn）识“OLED屏幕（显示/清空（kōng）缓存）”代码块

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

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

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

“OLED加载模型位置”代码块位（wèi）于“科（kē）创板v2.0”模块中，它的作用是将通过改变X与Y的参数，来改变模型在OLED显示屏中的位置，由于要在屏幕中显示，所以X与Y的取值（zhí）受限于OLED显示屏的分辨率。

认识“创建OLED模型”代码块

“创建OLED模型”代码块位（wèi）于“科创（chuàng）板v2.0”模块中。它的作用是将模为“0x**， 0x**……”的图（tú）片参数（shù）置于OLED缓存区，其中表示所（suǒ）显示图片的大（dà）小。

2、OLED屏（píng）显示图片

OLED显（xiǎn）示（shì）屏的基本功（gōng）能（néng），我们都（dōu）已经（jīng）学习完了，接下来我们要学习的是能让（ràng）OLED显示屏（píng）华丽展（zhǎn）示的功能。在学（xué）习华丽展示的技能之前（qián），我们要学习一个新软件（jiàn）“取字（zì）模（mó）软件”。

先将“文字取模软件”解压缩，双击（jī）打开解压（yā）缩后的文件夹，会看到取文字（zì）模（mó）软件.EXE，直接（jiē）双击，打开（kāi）取字模（mó）软件。

文字取模软件界面：

①、新建图（tú）像命令

点（diǎn）击（jī）新建（jiàn）图像（xiàng）命令，会弹出如（rú）下对话框，在对（duì）话框中可自由设定图像大小参数，由于OLED屏（píng）幕像素数有限，图片参（cān）数应不大于128*64。

点（diǎn）击确定（dìng）后，在（zài）操作界面中央会（huì）出现编辑区，通过点（diǎn）击鼠（shǔ）标可（kě）以（yǐ）在编辑区绘制想（xiǎng）要的图形，为了绘制方便，可以选（xuǎn）择（zé）“模拟动画”模块，点击放大格（gé）点命令，可（kě）以看的更（gèng）清楚，操（cāo）作更便捷。

②、打开图像图标

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

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

这就是我们（men）要取模的图片了，取模完成后（hòu），可在（zài）OLED屏幕上即可显示这样的图片。

点击“取模（mó）方式（shì）”，然（rán）后（hòu）点击C51格式命令。

在菜单信（xìn）息栏会（huì）出现图（tú）片取（qǔ）模的结果。

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

将取模结（jié）果粘贴到“创建OLED模（mó）型”的模型参数框中。

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

以便屏（píng）幕能够显示完整的图片，所以Y写0，上传程序块（kuài）到科创板（bǎn）。

程（chéng）序（xù）上传后，科（kē）创板就会显（xiǎn）示相（xiàng）应的图片，很帅吧！

3、文字取模与显示

双击（jī）打开取字模软件，点击“参数设置”里的“文字输入区字体选择命令”。

在弹出的对话框里，可以设置字体、字形，大小，下划线等效果，我们可以选择效果（guǒ）如（rú）下（xià）：

文字输（shū）入区写（xiě）完文字后，按Ctrl+Enter组合（hé）键。

文字取（qǔ）模区（qū）显示的的效果。

选择“取模方式”下的“C51格式”命令（lìng），生成（chéng）取模结（jié）果：

如果（guǒ）菜（cài）单信（xìn）息栏（lán）窗口太小，复制操作（zuò）不便，我们（men）可以把信息（xī）复（fù）制到文本文档（dàng）中进行查（chá）看，可（kě）见（jiàn）每个字是单独取模的。

我们把这（zhè）些字（zì）写在科创板中，程序如下（程序中（zhōng）宽（kuān）与高的参数取自上图中调（diào）整参（cān）数40X37）：

右（yòu）图是将字体改为宋（sòng）体（tǐ）后（hòu）的显（xiǎn）示效（xiào）果（guǒ）。

三、延伸与扩展——Arts

我们的OLED显示屏还有（yǒu）许多功能（néng）可（kě）以（yǐ）开发，就比如下面这个界面，我们怎样去实现呢？

请以小组的（de）形式进行合作，尝试让OLED显示屏显（xiǎn）示（shì）上（shàng）图所示界面。

设计要（yào）求（qiú）：

（能够让OLED显（xiǎn）示屏显示（shì）上图（tú）所示界面；

（保证控制方式安全（quán）可（kě）靠。