arduino/mixly 全彩点阵显示屏

最新推荐文章于 2024-02-26 15:40:36 发布

创客@小白

最新推荐文章于 2024-02-26 15:40:36 发布

阅读量3.1k

点赞数 2

分类专栏： Mixly与Arduino 文章标签： arduino python 扩展显示标识数据

本文链接：https://blog.csdn.net/moshanghuaw/article/details/121763482

版权

Mixly与Arduino 专栏收录该内容

44 篇文章 37 订阅

订阅专栏

一、材料的购买

全彩点阵显示屏我一共找到了三种

第一种是我正在使用的这一种

16*32的，价格129，是dfrobot的，价格比较贵，但是有对应的资料

第二种也是淘宝找到的，有配套资料，价格比dfrobot的便宜一半左右

32*64的，也只要一百三。

第三种不知道接口定义是不是和上面二种一样的，价格很便宜，但是没有买过，不确定能不能使用

同样是32*64的，价格只要45，差不多是第二种的三分之一。

二、库文件

现在我以第一种dfrobot的为例，所需要的库文件有以下二个

库文件一 RGB-matrix-Panel-master.zip-网络攻防文档类资源-CSDN下载

库文件二 123445555全彩显示库.rar-网络攻防文档类资源-CSDN下载

另外附上dfrobot的官方教程连接32*16 RGB LED Matrix_DFR0471_产品说明_使用教程

三、运用

接线图

显示取模的图片

首先用取模工具取出自己需要的数据，取模格式如下

在这里我用mixly中的取模工具取模，这里的宽度和高度要和待会显示图片函数中的一致

取模出来的数据

static const unsigned char PROGMEM bitmap[64] = {0x02,0x00,0x01,0x00,0x02,0x00,0x01,0x00,0x02,0x00,0x01,0x00,0x7F,0xFC,0x01,0x00,0x04,0x00,0x21,0x08,0x09,0x00,0x21,0x08,0x11,0x00,0x21,0x08,0x21,0x00,0x21,0x08,0x3F,0xF8,0x21,0x08,0x01,0x00,0x21,0x08,0x09,0x20,0x21,0x08,0x11,0x10,0x21,0x08,0x21,0x08,0x21,0x08,0x41,0x04,0x3F,0xF8,0x05,0x00,0x00,0x08,0x02,0x00,0x00,0x00};

完整程序

   #include <Adafruit_GFX.h>   // Core graphics library
    #include <RGBmatrixPanel.h> // Hardware-specific library

    #define CLK 8  // MUST be on PORTB! (Use pin 11 on Mega)
    #define LAT A3
    #define OE  9
    #define A   A0
    #define B   A1
    #define C   A2
    RGBmatrixPanel matrix(A, B, C, CLK, LAT, OE, false);
    static const unsigned char PROGMEM bitmap[64] = {0x02,0x00,0x01,0x00,0x02,0x00,0x01,0x00,0x02,0x00,0x01,0x00,0x7F,0xFC,0x01,0x00,0x04,0x00,0x21,0x08,0x09,0x00,0x21,0x08,0x11,0x00,0x21,0x08,0x21,0x00,0x21,0x08,0x3F,0xF8,0x21,0x08,0x01,0x00,0x21,0x08,0x09,0x20,0x21,0x08,0x11,0x10,0x21,0x08,0x21,0x08,0x21,0x08,0x41,0x04,0x3F,0xF8,0x05,0x00,0x00,0x08,0x02,0x00,0x00,0x00};

    void setup() {
      matrix.begin();
    }

    void loop() {
       matrix.drawBitmap(0,0, bitmap,32,16,matrix.Color333(0,0,7));
    }

重点是这一句

matrix.drawBitmap(0,0, bitmap,32,16,matrix.Color333(0,0,7));

void drawBitmap(int16_t x, int16_t y, const uint8_t bitmap[], int16_t w,
int16_t h, uint16_t color);

这一个画图函数中有六个参数，从左到右分别是，起点的X坐标，起点的Y坐标，图像函数，图像的宽、图像的高，图像的颜色

在这里，图像的宽和高要和取模的时候设置的一样

颜色的设置就是调用matrix.Color333(0,0,7)这个函数

 /*!
    @brief   Promote 3-bits R,G,B (used by earlier versions of this library)
             to the '565' color format used in Adafruit_GFX. New code should
             not use this, it's provided for backward compatibility.
    @param   r  Red value, 0-7.
    @param   g  Green value, 0-7.
    @param   b  Blue value, 0-7.
    @return  16-bit '565' color as used by Adafruit_GFX, can then be passed
             to drawing functions. Actual colors issued to matrix will be
             decimated from this, since it uses fewer bitplanes.
  */
  uint16_t Color333(uint8_t r, uint8_t g, uint8_t b);

matrix.Color333(r,g,b)这个函数有三个参数，范围是0到7，从左到右分别对应R值，G值，B值

最后是显示的效果

显示英文和数字

完整代码

#include <Adafruit_GFX.h>   // Core graphics library
    #include <RGBmatrixPanel.h> // Hardware-specific library

    #define CLK 8  // MUST be on PORTB! (Use pin 11 on Mega)
    #define LAT A3
    #define OE  9
    #define A   A0
    #define B   A1
    #define C   A2
    RGBmatrixPanel matrix(A, B, C, CLK, LAT, OE, false);
  
    void setup() {
      matrix.begin();
    }

    void loop() {
      matrix.setCursor(1, 0);   // start at top left, with one pixel of spacing
      matrix.setTextSize(1);    // size 1 == 8 pixels high

      // print each letter with a rainbow color
      matrix.setTextColor(matrix.Color333(7,0,0));
      matrix.print('1');
    }

主要有四行

   matrix.setCursor(1, 0);   // start at top left, with one pixel of spacing

这一行是设置显示的起点

  /**********************************************************************/
  /*!
    @brief  Set text cursor location
    @param  x    X coordinate in pixels
    @param  y    Y coordinate in pixels
  */
  /**********************************************************************/
  void setCursor(int16_t x, int16_t y) {
    cursor_x = x;
    cursor_y = y;
  }

参数有二个，第一个是起点的X左边，第二个是起点的Y左边，

matrix.setCursor(1, 0);的效果

matrix.setCursor(5, 0);的效果

可以看出，X参数控制着显示的左右，那么对应的Y控制的就是上下了

接下来是第二行

matrix.setTextSize(1);    // size 1 == 8 pixels high

这一行是控制着显示字符的大小

显示大小为1的效果

显示大小为2的效果

显示大小为3的时候就超过了16*32的大小了

第三行是显示颜色

matrix.setTextColor(matrix.Color333(7,0,0))

这一行就不多说了

第四行是要显示的内容

 matrix.print('1');

当显示字符串的时候可以用双引号

 matrix.print("123");

效果

画点

完整程序

#include <Adafruit_GFX.h>   // Core graphics library
    #include <RGBmatrixPanel.h> // Hardware-specific library

    #define CLK 8  // MUST be on PORTB! (Use pin 11 on Mega)
    #define LAT A3
    #define OE  9
    #define A   A0
    #define B   A1
    #define C   A2
    RGBmatrixPanel matrix(A, B, C, CLK, LAT, OE, false);
  
    void setup() {
      matrix.begin();
    }

    void loop() {
       matrix.drawPixel(0, 0, matrix.Color333(7, 7, 7));
    }

主要是这一句

matrix.drawPixel(0, 0, matrix.Color333(7, 7, 7));

参数分别是画点的X坐标，Y坐标，颜色

效果

画矩形

完整代码

 #include <Adafruit_GFX.h>   // Core graphics library
    #include <RGBmatrixPanel.h> // Hardware-specific library

    #define CLK 8  // MUST be on PORTB! (Use pin 11 on Mega)
    #define LAT A3
    #define OE  9
    #define A   A0
    #define B   A1
    #define C   A2
    RGBmatrixPanel matrix(A, B, C, CLK, LAT, OE, false);
  
    void setup() {
      matrix.begin();
    }

    void loop() {
       matrix.fillRect(0, 0, 4, 4, matrix.Color333(0, 7, 0));
    }

matrix.fillRect(0, 0, 4, 4, matrix.Color333(0, 7, 0));

参数从左到右分别是左上角的X坐标，左上角的Y坐标，右下角的X坐标，右下角的Y坐标，以及颜色

效果

画空心矩形

完整代码

 #include <Adafruit_GFX.h>   // Core graphics library
    #include <RGBmatrixPanel.h> // Hardware-specific library

    #define CLK 8  // MUST be on PORTB! (Use pin 11 on Mega)
    #define LAT A3
    #define OE  9
    #define A   A0
    #define B   A1
    #define C   A2
    RGBmatrixPanel matrix(A, B, C, CLK, LAT, OE, false);
  
    void setup() {
      matrix.begin();
    }

    void loop() {
      matrix.drawRect(0, 0, 32, 16, matrix.Color333(7, 7, 0));
    }

matrix.drawRect(0, 0, 32, 16, matrix.Color333(7, 7, 0));

这个函数有5个参数，从左到右分别是起点的X坐标，起点的Y坐标，空心矩形的宽度，空心矩形的高度，颜色

matrix.drawRect(0, 0, 32, 16, matrix.Color333(7, 7, 0));的效果

matrix.drawRect(0, 0, 4, 4, matrix.Color333(7, 7, 0));的效果

画线

完整程序

#include <Adafruit_GFX.h>   // Core graphics library
    #include <RGBmatrixPanel.h> // Hardware-specific library

    #define CLK 8  // MUST be on PORTB! (Use pin 11 on Mega)
    #define LAT A3
    #define OE  9
    #define A   A0
    #define B   A1
    #define C   A2
    RGBmatrixPanel matrix(A, B, C, CLK, LAT, OE, false);
  
    void setup() {
      matrix.begin();
    }

    void loop() {
     matrix.drawLine(0, 0, 9, 9, matrix.Color333(7, 0, 0));
    }

matrix.drawLine(0, 0, 9, 9, matrix.Color333(7, 0, 0));

这个函数有五个参数，分别是起点的X坐标，起点的Y坐标，终点的X坐标，终点的Y坐标，颜色

matrix.drawLine(0, 0, 9, 9, matrix.Color333(7, 0, 0));的效果

要注意的是如果你设置的起点和终点如果不能刚好均分，均分是指的3*3，9*9这样有一条中间的线，那么效果就会是这样

比如：matrix.drawLine(0, 0, 31, 15, matrix.Color333(7, 0, 0));效果：

画圆

完整代码

    #include <Adafruit_GFX.h>   // Core graphics library
    #include <RGBmatrixPanel.h> // Hardware-specific library

    #define CLK 8  // MUST be on PORTB! (Use pin 11 on Mega)
    #define LAT A3
    #define OE  9
    #define A   A0
    #define B   A1
    #define C   A2
    RGBmatrixPanel matrix(A, B, C, CLK, LAT, OE, false);
  
    void setup() {
      matrix.begin();
    }

    void loop() {
     matrix.drawCircle(7, 7, 7, matrix.Color333(0, 0, 7));
    }

matrix.drawCircle(7, 7, 7, matrix.Color333(0, 0, 7));

这个函数有四个参数，从左到右分别是，圆心的X坐标，圆心的Y坐标，半径，颜色

matrix.drawCircle(7, 7, 7, matrix.Color333(0, 0, 7));的效果

画实心圆

完整代码

    #include <Adafruit_GFX.h>   // Core graphics library
    #include <RGBmatrixPanel.h> // Hardware-specific library

    #define CLK 8  // MUST be on PORTB! (Use pin 11 on Mega)
    #define LAT A3
    #define OE  9
    #define A   A0
    #define B   A1
    #define C   A2
    RGBmatrixPanel matrix(A, B, C, CLK, LAT, OE, false);
  
    void setup() {
      matrix.begin();
    }

    void loop() {
      matrix.fillCircle(7, 7, 7, matrix.Color333(7, 0, 7));
    }

 matrix.fillCircle(7, 7, 7, matrix.Color333(7, 0, 7));

这个函数有四个参数，从左到右分别是，圆心的X坐标，圆心的Y坐标，圆的半径，颜色

matrix.fillCircle(7, 7, 7, matrix.Color333(7, 0, 7));的效果

清屏

完整代码


    #include <Adafruit_GFX.h>   // Core graphics library
    #include <RGBmatrixPanel.h> // Hardware-specific library

    #define CLK 8  // MUST be on PORTB! (Use pin 11 on Mega)
    #define LAT A3
    #define OE  9
    #define A   A0
    #define B   A1
    #define C   A2
    RGBmatrixPanel matrix(A, B, C, CLK, LAT, OE, false);
  
    void setup() {
      matrix.begin();
    }

    void loop() {
     matrix.fillScreen(matrix.Color333(7, 0, 7));
    }

   matrix.fillScreen(matrix.Color333(7, 0, 7));

这个函数只有一个参数，那就是清屏的颜色

matrix.fillScreen(matrix.Color333(7, 0, 7));的效果

画竖线

完整代码

    #include <Adafruit_GFX.h>   // Core graphics library
    #include <RGBmatrixPanel.h> // Hardware-specific library

    #define CLK 8  // MUST be on PORTB! (Use pin 11 on Mega)
    #define LAT A3
    #define OE  9
    #define A   A0
    #define B   A1
    #define C   A2
    RGBmatrixPanel matrix(A, B, C, CLK, LAT, OE, false);
  
    void setup() {
      matrix.begin();
    }

    void loop() {
     matrix.drawFastVLine(1,1,4,matrix.Color333(3, 0, 0));
    }

  matrix.drawFastVLine(1,1,4,matrix.Color333(3, 0, 0));

这个函数有四个参数，从左到右分别是，起点的X坐标，起点的Y坐标，竖线的长度，颜色

matrix.drawFastVLine(1,1,4,matrix.Color333(3, 0, 0));的效果

画横线

完整代码

    #include <Adafruit_GFX.h>   // Core graphics library
    #include <RGBmatrixPanel.h> // Hardware-specific library

    #define CLK 8  // MUST be on PORTB! (Use pin 11 on Mega)
    #define LAT A3
    #define OE  9
    #define A   A0
    #define B   A1
    #define C   A2
    RGBmatrixPanel matrix(A, B, C, CLK, LAT, OE, false);
  
    void setup() {
      matrix.begin();
    }

    void loop() {
     matrix.drawFastHLine(1,1,4,matrix.Color333(3, 0, 0));
    }

 matrix.drawFastHLine(1,1,4,matrix.Color333(3, 0, 0));

这个函数和画竖线的函数一样，都是四个参数，从左到右分别是，起点的X坐标，起点的Y坐标，竖线的长度，竖线的颜色

matrix.drawFastHLine(1,1,4,matrix.Color333(3, 0, 0));的效果

画三角形

完整代码

    #include <Adafruit_GFX.h>   // Core graphics library
    #include <RGBmatrixPanel.h> // Hardware-specific library

    #define CLK 8  // MUST be on PORTB! (Use pin 11 on Mega)
    #define LAT A3
    #define OE  9
    #define A   A0
    #define B   A1
    #define C   A2
    RGBmatrixPanel matrix(A, B, C, CLK, LAT, OE, false);
  
    void setup() {
      matrix.begin();
    }

    void loop() {
     matrix.drawTriangle(0,0,0,4,4,4,matrix.Color333(3, 0, 0));
    }

     matrix.drawTriangle(0,0,0,4,4,4,matrix.Color333(3, 0, 0));

这个函数有7个参数，从左到右分别是第一个点的X坐标，第一个点的Y坐标，第二个点的X坐标，第二个点的Y坐标，第三个点的X坐标，第三个点的Y坐标，颜色

matrix.drawTriangle(0,0,0,4,4,4,matrix.Color333(3, 0, 0));的效果

画实心三角形

完整代码

    #include <Adafruit_GFX.h>   // Core graphics library
    #include <RGBmatrixPanel.h> // Hardware-specific library

    #define CLK 8  // MUST be on PORTB! (Use pin 11 on Mega)
    #define LAT A3
    #define OE  9
    #define A   A0
    #define B   A1
    #define C   A2
    RGBmatrixPanel matrix(A, B, C, CLK, LAT, OE, false);
  
    void setup() {
      matrix.begin();
    }

    void loop() {
     matrix.fillTriangle(0,0,0,4,4,4,matrix.Color333(3, 0, 0));
    }

    matrix.fillTriangle(0,0,0,4,4,4,matrix.Color333(3, 0, 0));

这个函数和画空心三角形一样，7个参数，从左到右分别是第一个点的X坐标，第一个点的Y坐标，第二个点的X坐标，第二个点的Y坐标，第三个点的X坐标，第三个点的Y坐标，颜色

matrix.fillTriangle(0,0,0,4,4,4,matrix.Color333(3, 0, 0));的效果

画十字

完整代码

    #include <Adafruit_GFX.h>   // Core graphics library
    #include <RGBmatrixPanel.h> // Hardware-specific library

    #define CLK 8  // MUST be on PORTB! (Use pin 11 on Mega)
    #define LAT A3
    #define OE  9
    #define A   A0
    #define B   A1
    #define C   A2
    RGBmatrixPanel matrix(A, B, C, CLK, LAT, OE, false);
  
    void setup() {
      matrix.begin();
    }

    void loop() {
     matrix.drawRoundRect(7,7,1,1,2,matrix.Color333(3, 0, 0));
    }

 matrix.drawRoundRect(7,7,1,1,2,matrix.Color333(3, 0, 0));

这个函数有六个参数，从左到右分别是画十字的中心X左右，十字中心Y坐标，竖线的宽度，横线的宽度，十字四周加点的数量

matrix.drawRoundRect(7,7,1,1,2,matrix.Color333(3, 0, 0));的效果

创客@小白

关注

2
点赞
踩
15

收藏

觉得还不错? 一键收藏
1
评论
arduino/mixly 全彩点阵显示屏

arduino/mixly全彩点阵显示教程
复制链接

扫一扫

专栏目录

arduino/mixly 全彩点阵显示屏

一、材料的购买

二、 库文件

三、运用

显示取模的图片

显示英文和数字

画点

画矩形

画空心矩形

画线

画圆

画实心圆

清屏

画竖线

画横线

画三角形

画实心三角形

画十字

“相关推荐”对你有帮助么？

二、库文件