用树莓派驱动德飞莱16x16点阵屏显示汉字

6496次阅读  |  发布于5年以前

这周尝试用树莓派驱动了 LY-LED16x16B V2.1 点阵屏。之所以选用这一款是因为它是 16 X 16 点阵（实际上是 4 块 8 X 8 LED 拼起来的，只不过已经集成好了）。LY-LED16x16B V2.1 本身是用于单片机的，官方提供了 51 单片机和 Arduino 下的测试程序。不过，我们有强大的树莓派，既然单片机能驱动，树莓派应该也不是问题。

德飞莱 LY-LED16x16B V2.1 led 点阵屏用在单片机开发板

LY-LED16x16B V2.1

德飞莱 LY-LED16x16B V2.1 led 点阵屏连接树莓派

LY-LED16x16B V2.1

点亮效果（文字旁边的虚影不是因为显示问题，而是因为手机拍照时文字是移动的）

那么，树莓派驱动这样一块集成 16 X 16 LED 点阵屏具体该怎么做呢？

点阵屏显示的原理

上面这张图是 LY-LED16x16B 的电路原理图，很久没接触数字电路的小伙伴看了是不是觉得头晕？其实一看到这张图，我也觉得晕，不过没有关系……

我们先来搞清楚点阵屏显示的基本原理：

简单 8x8 LED 点阵屏

基础的 8x8 点阵屏其实是这货----

它的原理比较简单：

上面这张图应该容易理解，它其实就是发光二极管排列成矩阵，利用二极管的单向导通特性，分别用 8 行、8 列一共 16 个引脚来控制。平时 R1 ~ R8 为低电平，C1 ~ C8 为高电平，此时二极管不导通。当要点亮第 i 行，第 j 列时，让 Ri 输出高电平，Cj 输出低电平即可。这样用 16 个引脚就可以来控制，显示的时候，每次只能控制一行，否则就会点亮我们不希望点亮的点。比如要想点亮 R2C2、R3C3 两个点，就要将 R2、R3 置为高电平，C2、C3 置为低电平，但如果同时操作的话，R2C3 和 R3C2 这两个点也会被点亮，所以只能先将 R2 置为高电平，C2 置为低电平，点亮 R2C2，然后将 R2、C2 恢复，再将 R3 置为高电平，C3 置为低电平。实际上这种方式也就是所谓的逐行扫描。

从 8x8 到 16x16

我们看到驱动普通的 8x8 点阵屏就要 16 个引脚，而 8x8 点阵屏对于显示汉字来说是远远不够的，那么为了显示汉字，我们就要将 4 个 8x8 点阵屏连接起来组成一个 16 x 16 点阵屏，但是这样的话，可想而知需要的引脚数量就更多了，用树莓派驱动如此多数量引脚的设备显然不现实。

然而，我们并不需要直接连接 4 个点阵屏，我们可以使用带有集成电路的 16x16 点阵屏，比如上面那一款。

LY-LED16x16B V2.1

我们看一下 LY-LED16x16B 与普通点阵屏的区别。

可以看到 LY-LED16x16B 由四块 8x8 点阵屏和一些控制器组成。它一共有 22 个引脚，但只有右侧 11 个引脚是输入引脚，左侧的 11 个 是输出引脚，用于多片级联。11 个输入引脚中除去最下方两个引脚是 VCC 和 GND 外，一共有 9 个控制引脚，从上到下分别是：R1、D、C、B、A、LATCH、SCK、G1、EN/OE。

这些引脚又分为几类：

所以其实要显示内容的程序逻辑并不复杂，伪代码如下：

while(1){
        for(var i = 0; i < 16; i++){//行选
            LATCH = 0; //打开锁存，接收输入信号
            for(var j = 0; j < 16; j++){
                R1 = 当前位输出
                //给一个脉冲，记录到寄存器
                SCK = 0;
                SCK = 1;         
            }
            //一行写完了准备写入当前行
            OE = 1; //通过使能端关闭屏幕，避免虚影
            ROW = i;    //通过四位行选信号选择当前行
            LATCH = 1; //锁存并输出
            OE = 0; //打开使能，将数据显示在屏幕上
        }
    }

可以看到，使用了 LATCH/SCK 之后操作并不复杂，却大大减少了需要的引脚数量，这就是集成 LED16x16 的作用。接下来该连线了。

设计电路

电路原理图如下：

由于 LY-LED16x16B 需要 5V 供电，虽然也可以用树莓派供电，但为了以后扩展，最好还是接外部电源，因此 +5V 和 GND 不接树莓派。

这样，理论上电路就可以工作了，但是有一个地方需要注意，由于输入端 R1 在树莓派不输出的时候悬空，SCK 频率又很高，容易产生噪点，影响显示效果，因此，最好在 R1 端加一个下拉电阻来稳定输入（阻值不能太大也不能太小，在 1k 左右即可），避免噪点产生：

至此，电路设计就完成了。

设计程序

现在要开始设计驱动程序了。根据我们前面分析的原理，我们需要逐行输出。在这里我们可以使用一个16位二进制数来表示一行，也可以使用一个数组来表示。为了 JS 方便操作，我们不妨直接用数组来表示：

var pixels = [
        [0,0,1,0,1,0......,0], //第 1 行
        [0,1,1,0,1,1......,1], //第 2 行
        ......
        [1,0,1,0,0,1......,0]    //第 16 行
    ]

这样的话我们就需要将汉字转换为点阵数组来输出，这就涉及到另一个话题：

点阵字库

在上个世纪的 90 年代，16x16 和 32x32 点阵字库还在 PC 的操作系统和办公软件中使用。而现在，在 PC 上已经看不见点阵字库，基本上点阵字体都被更漂亮的矢量字库取代了。

一开始，我的思路是尝试将系统的宋体 SimSun.ttf 中文字的轮廓提取出来，然后转成点阵。这么做是可以的，只要通过 fonteditor-core 将文字的 glyf（轮廓）提出来，然后根据矢量转成点阵即可。但是这么做发现在 32x32 下效果还可以，压缩到16x16之后，文字严重失真。分析原因可能是现在的矢量字体并不为低分辨率设计，也可能是我用的压缩算法有问题，不管怎么样，这么做比较难实现。

既然这样的话，那只能换一种思路，直接下载 16x16 点阵字库。由于这个库是 1998 年的，所以它的编码是 GB2312，一部分 utf-8 中有的符号这个字库里面没有。由于是 GB2312 编码，因此我们还得做 UTF-8 到 GB2312 的转码。幸运地是，iconv-lite 可以帮助我们做到。

要提取字库中的文字，也很简单，直接将字符的 unicode 通过 iconv-lite 转成 gbk 编码，然后查找对应的区位即可以定位文件中的位置，详细的转换方式可以参考这篇文章。查找到文字在文件中的位置后，将其后的 32 个字节输出并转成一个 16x16 的二维数组即可。用 Node.js 实现的代码如下：

const fs = require("fs");
    const iconv = require("iconv-lite");
    const fontBuffer = fs.readFileSync(__dirname + "/HZK16");

    function readText(text){
      var ret = [];
      var gbkBytes = iconv.encode(text, "gbk");

      for(var i = 0; i < gbkBytes.length / 2; i++){
        var qh = gbkBytes[2 * i] - 0xa0;
        var wh = gbkBytes[2 * i + 1] - 0xa0;

        var offset = (94 * (qh - 1) + (wh - 1)) * 32;
        var buff = fontBuffer.slice(offset, offset+32);
        var font = [];

        for(var j = 0; j < 16; j++){
          var row = ("00000000" + buff[2 * j].toString(2)).slice(-8)
            + ("00000000" + buff[2 * j + 1].toString(2)).slice(-8);
          row = row.split("").map(c=>0|c);
          font.push(row);
        }
        ret.push(font);
      }

      return ret;
    }

    module.exports = {readText};

最终将文字显示到点阵屏

接下来，将文字显示到点阵屏就简单了，方式就如前面的伪代码那样。

const Gpio = require("rpio2").Gpio;
    var latch = new Gpio(38);//锁存器 
    var clk = new Gpio(40); //时钟信号
    var red = new Gpio(36, true); //点阵输出信号
    var oe = new Gpio(32); //使能信号
    var rows = Gpio.group([29,31,33,35]);

    rows.open(Gpio.OUTPUT, Gpio.LOW); 
    rows.value = 0; //选行
    latch.open(Gpio.OUTPUT, Gpio.HIGH); //锁存输出
    clk.open(Gpio.OUTPUT, Gpio.LOW);
    red.open(Gpio.OUTPUT, Gpio.HIGH);
    oe.open(Gpio.OUTPUT, Gpio.HIGH);
    rows.value = 0;

    const readText = require("./lib/font_matrix.js").readText;
    var pixels = readText("你好，世界！");
    var startTime = Date.now();

    while(1){
      var t = Math.floor((Date.now() - startTime) / 1000);

      data = pixels[t % pixels.length];  //1 秒钟换一个字，循环播放

      for(var j = 0; j < 16; j++){    
        latch.value = 0;
        for(var i = 0; i < 16; i++){
          red.value = data[j][15 - i]; //注意输入信号从右到左，所以左右要颠倒一下
          clk.value = 0;
          clk.value = 1;
        }
        oe.value = 1;
        rows.value = j;
        latch.value = 1;
        oe.value = 0;
      }
    }

这里面有一个地方要注意，那就是因为设备用的是锁存器，所以输入最早的信号出现在右侧（可以将锁存器想象为一个接收信号的堆栈，当堆栈装满了之后输出，所以最先收到的信号在最后，因此输入的时候要颠倒一下：red.value = data[j][15 - i]）。

让文字运动起来

上面的代码，我们是让点阵屏一秒钟换一个字，循环播放"你好，世界！"。注意到生活中的广告屏（比如公交车上的）都是能让文字移动滚动的，这样更生动一些。那么我们可不可以让文字也滚动循环播放呢？答案当然是可以的。事实上我们很容易能实现这样的动画，实现后的显示效果可以看这里。

具体怎么实现，留给各位小伙伴思考。想到或想不到的，都可以看我的实现代码。

总结

通过实战设计电路和编写代码驱动 LED 点阵屏，我们也重新复习或了解了数字电路中的时序和锁频输入输出（LATCH/SCK）的重要概念。利用树莓派和 Node.js 可以很方便地设计硬件和软件来实现有趣的功能。这个小小的点阵屏板，也可以用来做很多事情。有同事就希望可以将它放在车后面，然后用手机控制它输出的文本内容，这个实际上是可以做到的，尤其是通过 WoT（Web of Things），我们可以将各种设备连接到一起。

有任何问题，欢迎留言讨论~

Copyright© 2013-2020

All Rights Reserved 京ICP备2023019179号-8