## 项目10 8×8点阵屏

**1.项目介绍：**

点阵屏是一种电子数字显示设备，可以显示机器、钟表、公共交通离场指示器和许多其他设备上的信息。在这个项目中，我们将使用ESP32控制8x8 LED点阵来显示图案。

**2.项目元件：**

|![Img](../media/afc52f6616725ba37e3b12a2e01685ad.png)|![Img](../media/a2aa343488c11843f13ae0413547c673.png)|![Img](../media/e5d2b82a75e728b09b97cc15056b0287.png)|
| :--: | :--: | :--: |
|ESP32*1|面包板*1|8×8点阵屏*1|
|![Img](../media/a487df5effb3b0ae28e7601cad88c97b.png)| ![Img](../media/8d920d12138bd3b4e62f02cecc2c63a3.png)|![Img](../media/b4421594adeb4676d63581a1047c6935.png)|
|220Ω电阻*8|跳线若干|USB 线*1|

**3.元件知识：**

**8×8点阵：** 是由64个led灯组成，有行共阳极和行共阴极两种，我们的模块是行共阳极的，也就是每一行有一条线将LED的正极连到一起，列就是将LED灯的负极连接到一起，看下图：

![Img](../media/c41aaa44085da33d18ef06727b575091.png)

每个LED被放置在一行和一列的交叉点上。当某一行的电平为1，某列的电平为0时，对应的LED会亮起。如果你想点亮第一个点上的LED，你应该将引脚9设置为高电平，引脚13设置为低电平。如果你想点亮第一排的led，你应该把引脚9设置为高电平，把引脚13、3、4、10、6、11、15和16设置为低电平。如果您想点亮第一列的led，将引脚13设置为低电平，将引脚9、14、8、12、1、7、2和5设置为高电平。

**8×8点阵屏的外部视图如下所示：**

![Img](../media/fec2ed85eb857e75ef5f3692fa6a4325.png)

![Img](../media/1c0b9e68ffa8d605e0b4ee1b36e07d57.png)

![Img](../media/086139dd80ed8bc7b7f291357ec94f4f.png)

**4.项目接线图：**

![Img](../media/38b8f66bb31399c80d56e4bed07b3803.png)

**5.代码说明：**

![Img](../media/img-20241105112005.png)

初始化8×8点阵屏元件。

![Img](../media/img-20241105112046.png)

设置8×8点阵屏显示的数字。

**6.项目代码：**

你可以打开我们提供的代码，也可以自己编写代码，其如下：

1. 从 “![Img](../media/img-20241023140031.png)” 拖出 “![Img](../media/img-20241023140106.png)”。

2. 从 “![Img](../media/img-20241105110746.png)” 拖出 “![Img](../media/img-20241105112225.png)” 放入 “![Img](../media/img-20241023140106.png)” 。

![Img](../media/img-20241105112314.png)

3. 先从 “![Img](../media/img-20241105110746.png)” 拖出 “![Img](../media/img-20241105112353.png)” ；再从 “![Img](../media/img-20241023140031.png)” 拖出 “![Img](../media/img-20241023140625.png)” ，设置延时2000毫秒 。

![Img](../media/img-20241105112551.png)

4. 复制代码块 “![Img](../media/img-20241105112622.png)” 9 次，分别将数字 0 改成 1、2、3、4、5、6、7、8、9。 

完整代码：

![Img](../media/img-20241105112750.png)

**7.项目现象：**

编译并上传代码到ESP32，代码上传成功后，利用USB线上电，你会看到的现象是：8*8点阵屏依次显示数字0~9，循环进行。

![Img](../media/d979f0b9a2cd828104fa2155632fe690.png)