Arduino & IoT Academy · 课时

以多种字号绘制文本

以不同大小显示标签和值

第 2 / 4 课13 个步骤

以多种字号绘制文本 是 CoddyKit 上的免费 Arduino & IoT Academy 课时。 这是第 2 节课,共 4 节。 你可以在下方免费阅读本课时的完整内容 — 然后在浏览器中使用内置代码编辑器和全天候 AI 导师进行实践。 这是 Arduino & IoT Academy 学习路径的一部分,你的进度在网页和 CoddyKit 应用中同步。 Arduino & IoT Academy 课程共包含 4 节课。

文字只是像素

OLED 并没有内置字母。GFX 库会将每个字符绘制成由像素组成的小图案,因此您可以精确控制文字的外观。✍️

选择文字颜色

对于单色 OLED,颜色意味着亮起或熄灭。调用 setTextColor 并传入 WHITE,让文字在深色背景上亮起。

display.setTextColor(WHITE);

设置文字大小

setTextSize(1) 会绘制基础的 6x8 像素字体。更大的数字会按比例放大相同的字形,以牺牲清晰度换取远距离可读性。

display.setTextSize(1);

尺寸缩放的原理

尺寸 2 会将每个像素放大一倍,因此一个字符会变成 12x16。尺寸是整数倍数,而不是字号值,所以变化较大但容易预测。

放置光标

setCursor(x, y) 设置下一段文字的起始位置。左上角是 (0,0),x 向右递增,y 向下递增。

display.setCursor(0, 0);

打印一些文字

现在可以使用 print 或 println 写入文字。它们的行为类似串口监视器,但输出会显示在 OLED 的光标位置。

display.print("Hello!");

也可以打印数字

您可以直接将变量传给 print。将标签和值组合起来,就能在屏幕上显示温度读数等实时数据。

display.print("Temp: ");
display.print(temp);

醒目的标题

将较大的标题与下方的小号详细信息结合起来。标题使用尺寸 2,下面的数据行则恢复为尺寸 1。

display.setTextSize(2);
display.setCursor(0, 0);
display.print("STATUS");

换到新的一行

光标不会为了布局自动进行理想的换行。要显示整洁的第二行,请再次调用 setCursor,并传入更大的 y 值向下移动。

display.setCursor(0, 20);

始终刷新显示

请记住这个流程:clearDisplay,设置尺寸和光标,打印,然后调用 display。跳过最后的 display,刚写入的文字就永远不会显示。

display.clearDisplay();
display.print("Ready");
display.display();

注意屏幕边界

大号文字很快就会占满空间。尺寸为 2 的一行文字高 16 像素,因此在64 像素高的屏幕上,只能容纳几行就会超出底部。

快速检查

您希望字母高度是默认字体的两倍。

回顾

您设置了颜色,选择了文字大小,定位了光标,并打印出带数值的标签。标题要大,数据要小,而且始终以 display 结束。

免费开始

用 AI 导师学习 C++ — 免费

在浏览器中编写并运行真实代码,获得全天候 AI 导师的即时帮助,并在网页或应用中继续学习。

课程
30
课程
120

常见问题解答

「以多种字号绘制文本」课时是免费的吗?

是的 — 「以多种字号绘制文本」的完整文本可在网页上免费阅读。要进行交互式练习(内置代码编辑器和全天候 AI 导师)并解锁 Arduino & IoT Academy 课程的其余内容,请升级到 CoddyKit PRO。 Arduino & IoT Academy 课程共包含 4 节课。

「以多种字号绘制文本」这节课中我会学到什么?

以不同大小显示标签和值 你通过在浏览器中直接运行的动手代码来练习 Arduino & IoT Academy,全天候 AI 导师会在你学习这节课的过程中回答你的问题。

学习 Arduino & IoT Academy 需要有经验吗?

无需任何先前经验。CoddyKit 上的 Arduino & IoT Academy 课程适合初学者到高级学习者,你可以从这里开始或从头开始,按照自己的节奏学习。 这是第 2 节课,共 4 节。

「以多种字号绘制文本」课时需要多长时间?

大多数 CoddyKit 课程大约需要 5–10 分钟。每节课都很精短且互动,所以你能稳步进步,并在网页和应用中从离开的地方继续。

我能在这节 Arduino & IoT Academy 课中编写并运行代码吗?

能。每节 Arduino & IoT Academy 课都包含内置代码编辑器,你可以在浏览器中直接编写并运行真实代码,并获得即时 AI 反馈 — 无需本地设置。

此课程中的所有课时

  1. 连接并初始化 SSD1306 OLED
  2. 以多种字号绘制文本
  3. 直线、矩形与圆形
  4. 制作动态柱状图
← 返回 Arduino & IoT Academy