Mixly第三方库开发——OLED库_mixly控制oled-CSDN博客

本文链接：https://blog.csdn.net/aiyayad/article/details/117912909

本文详细介绍了如何为Mixly开发第三方库，以OLED显示模块为例，涉及基本原理、第三方库结构及开发步骤。通过创建XML、JS文件，结合u8g2库，实现了图形化编程到C语言的转换，使得用户能方便地在Mixly中使用OLED库。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

序言：

Mixly自从2015年问世以来，就深受国内创客、中小学教师喜爱，如今已经成为国内最好用的Arduino图形化软件之一。Mixly最大的优点就是其开放性，Mixly建立了一个生态圈，这个生态圈欢迎所有人的加入，不限制厂家，不限制硬件。因此，任何一个掌握规则的人都可以为Mixly开发第三方库，来丰富Mixly的功能。

基本原理：

Mixly可以看作是介于普通用户与Arduino IDE之间桥梁，通过这个桥梁，即使用户不懂C语言的语法，也可以利用图形化程序编写Arduino程序。Mixly的基本原理是将图形化程序转化成C语言，再利用Arduino IDE上传到硬件中。在我们动手编写第三方库之前，先来了解Mixly是如何将图形化程序转化成C语言的。

在这里插入图片描述

根目录下的xxx.xml文件定义了图形块的基本信息，比如类别、名称，ID等。block/xxx.js文件定义了每个图形块的样式，比如颜色、文字、图标等。generator/xxx.js文件是将图形块程序转化成C语言的关键部分。language/xxx/en.js(zh-hans.js)等文件是语言文件，en.js是英文语言文件，zh-hans.js是简体中文语言文件，zh-hant.js是繁体中文语言文件。该类文件定义了图形块程序中每一个字段显示的文字内容。
第三方库结构如下图
在这里插入图片描述
Mixly 1.1.5

官方指南: Instructions -使用Mixly写自定义库

第三方库范例: dfrobot、Otto

文本编辑工具: 记事本

此教程中所有文件可新建文本文档，修改其后缀实现编译。

这里用的编译器是Adobe Dreamweaver CS4，脚本语言是JavaScript

在这里插入图片描述

开发步骤：

开发内容: OLED中文显示模块

开发准备: u8g2库

新建文件夹：

在这里插入图片描述
在 block 和 generator 文件夹中新建文本文档,并重命名为 kivinOLED.js

再新建一个 kivinOLED 文件夹,放入u8g2库文件

写三个脚本
1、block文件夹下 kivinOLED.js 脚本

//下列三行代码,为刚需,此提供了下列所有代码的入口
'use strict';
 
goog.provide('Blockly.Blocks.kivinOLED');//注意脚本类别及路径名称
 
goog.require('Blockly.Blocks');
 
// ---OLED模块图形配置---
 
//include模块
Blockly.Blocks.U8g2lib_include = {
   
  init: function() {
   
    this.setColour(120);//模块图形颜色
    this.appendDummyInput("")//此行代码刚需,为模块创建提供入口
        .appendField("#include <") //代码块上的文字内容
        .appendField(new Blockly.FieldTextInput