第二章 科创板-华丽展示

第5课 科创板-华丽展示

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

2、学会使用OLED显示屏显示汉字；

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

1
OLED显示屏“画”字——Science and Math

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

“OLED绘制（水平/垂直）线条”代码块位于“显示器”模块中，它的功能是，在OLED显示屏中，以设定的顶点与长度绘制水平或垂直的线条。

OLED屏“画”一条水平线，程序如下：

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

我们已经在OLED显示屏中“画”了一条水平线了，那我们可不可以尝试 “画”一条斜线呢？当然是可以的，只需要将线条的起点与终点的数值，设置的都不同就可以了。

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

“OLED绘制线条”代码块位于“显示器”模块中，它的功能是在OLED显示屏中，以设定的起点与终点绘制线条（可以“画”直线，也可以“画”斜线）。

用OLED屏“画”一条斜线：

运行这个程序，可以看到OLED显示屏“画”了一条向右下角的斜线。

我们学会了在OLED显示屏中“画”直线还有斜线了，接下来就要做点有难度的任务了，让OLED显示屏“画”一个回字，要按照回字的笔画顺序写出来（OLED屏“画”字的本质就是找好字的各个点的坐标，之后按照字的笔画顺序写出即可）。

OLED屏“画”回字参考程序：

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

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

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

认识“OLED屏幕（显示/清空缓存）”代码块

“OLED屏幕（显示/清空缓存）”代码块位于“科创板v2.0”模块中。其中“OLED屏幕显示”代码要完成需要经过两步：第1步，处理器发送数据到OLED缓存区；第2步，将OLED缓存区的数据显示在屏幕上。

我们原来用的“OLED清屏”代码块，其实包含了这2个步骤，首先清空缓存（屏幕缓存区都置0），然后将缓存区内容显示到屏幕上，这样在连续显示内容时容易出现屏幕闪烁现象，新代码块“清空缓存”与“显示”命令将这两个步骤分开了。

认识“OLED加载模型位置”代码块

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

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

“创建OLED模型”代码块位于“科创板v2.0”模块中。它的作用是将模为“0x**， 0x**……”的图片参数置于OLED缓存区，其中表示所显示图片的大小。

2、OLED屏显示图片

OLED显示屏的基本功能，我们都已经学习完了，接下来我们要学习的是能让OLED显示屏华丽展示的功能。在学习华丽展示的技能之前，我们要学习一个新软件“取字模软件”。

先将“文字取模软件”解压缩，双击打开解压缩后的文件夹，会看到取文字模软件.EXE，直接双击，打开取字模软件。

文字取模软件界面：

①、新建图像命令

点击新建图像命令，会弹出如下对话框，在对话框中可自由设定图像大小参数，由于OLED屏幕像素数有限，图片参数应不大于128*64。

点击确定后，在操作界面中央会出现编辑区，通过点击鼠标可以在编辑区绘制想要的图形，为了绘制方便，可以选择“模拟动画”模块，点击放大格点命令，可以看的更清楚，操作更便捷。

②、打开图像图标

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

选择位图文件夹，找到后缀名为.bmp的文件，点击打开。

这就是我们要取模的图片了，取模完成后，可在OLED屏幕上即可显示这样的图片。

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

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

复制取模结果。

将取模结果粘贴到“创建OLED模型”的模型参数框中。

并将取模结果中显示的宽高，写入“创建OLED模型”代码框中的宽为64，高也是64。

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

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

3、文字取模与显示

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

在弹出的对话框里，可以设置字体、字形，大小，下划线等效果，我们可以选择效果如下：

文字输入区写完文字后，按Ctrl+Enter组合键。

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

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

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

我们把这些字写在科创板中，程序如下（程序中宽与高的参数取自上图中调整参数40X37）：

右图是将字体改为宋体后的显示效果。

三、延伸与扩展——Arts

我们的OLED显示屏还有许多功能可以开发，就比如下面这个界面，我们怎样去实现呢？

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

设计要求：

（能够让OLED显示屏显示上图所示界面；

（保证控制方式安全可靠。