Mixly 自定有OLED

在这里向大家介绍下如何在Mixly 上制作第三方用户库，就拿OLED 这个为例子。
硬件准备：
Arduino 开发板 x1
OLED 显示屏 x1
软件平台
Mixly

实现步骤：

新建文件夹里面包含以下三个文件夹（block、 generator 、language 和 xxx.xml 这里的xxx是你们自己定义的名字）
block/xxx.js文件定义了你定制的模块的样子。

generator/xxx.js文件定义了每一个图形化模块对应的 Arduino C语言代码。

block和generator 文件夹下各有一个与项目同名但内容不同的xxx.js文件，一个控制“外观”，另一个控制内容。

在OLED文件夹中放入u8g2库文件

2.编写代码
首先来编写blocks 文件夹下的 OLED.js

//下列三行代码,为刚需,此提供了下列所有代码的入口
'use strict';goog.provide('Blockly.Blocks.OLED');//注意脚本类别及路径名称goog.require('Blockly.Blocks');// ---OLED模块图形配置---//include模块
Blockly.Blocks.U8g2lib_include = {init: function() {this.setColour(120);//模块图形颜色this.appendDummyInput("")//此行代码刚需,为模块创建提供入口.appendField("#include <") //代码块上的文字内容.appendField(new Blockly.FieldTextInput('U8g2lib'), 'INCLUDE')//创建文本输入对象.appendField(".h>");this.setPreviousStatement(true);//是否可以与上一模块连接this.setNextStatement(true);//是否可以与下一模块连接}
};//配置构造函数模块
Blockly.Blocks.config = {init: function() {this.setColour(120);this.appendDummyInput("").appendField("配置构造函数").appendField("U8g2 SSD1306 128X64")this.setPreviousStatement(true, null);this.setNextStatement(true, null);this.setInputsInline(false);//是否开启模块单行显示(true为单行,false为多行)}
};//开启 U8g2驱动模块
Blockly.Blocks.initOled = {init: function() {this.setColour(120);this.appendDummyInput("").appendField("开启U8g2驱动程序")this.setPreviousStatement(true, null);this.setNextStatement(true, null);}
};//中文输入模块
Blockly.Blocks.displayCN = {init: function() {this.setColour(50);this.appendDummyInput("").appendField("输入字符串...")this.appendValueInput("VALUE", String).setCheck([String,Number]).setAlign(Blockly.ALIGN_RIGHT);//开启模块右侧可连接this.setPreviousStatement(true, null);this.setNextStatement(false, null);}
};

然后再打开 OLED.xml

<!--该注释为!!!路径!!!,此为刚需!type="company" block="block/OLED.js" generator="generator/OLED.js"
-->
<script type="text/javascript" src="../../blocks/company/OLED.js"></script>
<script type="text/javascript" src="../../generators/arduino/company/OLED.js"></script><!--根路径&外观配置&所有模块的内容物-->
<category id="kivin OLED demo" name="OLED中文显示" colour= 20><!-- OLED模块 --><!--include模块--><block type="U8g2lib_include"><value name="String"><shadow type="text">  <!--可编辑文本--><field name="_text">U8g2lib.h</field></shadow></value></block><!--配置构造函数模块--><block type="config" name="U8G2_SSD1306_128X64_NONAME_F_SW_I2C u8g2"></block><!--开启 U8g2驱动模块--><block type="initOled"></block><!--中文输入模块--><block type="displayCN"><value name="disCN"><shadow type="text"><field name="_text">textOled</field></shadow></value></block>
</category>

最后,打开 generator 文件夹中 OLED.js 脚本

//下列三行代码,为刚需,此提供了下列所有代码的入口
'use strict';goog.provide('Blockly.Arduino.OLED');//注意脚本类别及路径名称goog.require('Blockly.Arduino');// ---OLED模块图形转代码---//include模块Blockly.Arduino.U8g2lib_include = function() {var INCLUDE = this.getFieldValue('INCLUDE');//使用INCLUDE 变量来存储,block文件夹中的OLED.js脚本,文本输入对象的值Blockly.Arduino.definitions_['define_'+INCLUDE] = '#include <'+INCLUDE+'.h>';//严格函数,固定写法(转include调用内容)return '';
};//配置构造函数模块Blockly.Arduino.config = function() {Blockly.Arduino.definitions_['define_'] = 'U8G2_SSD1306_128X64_NONAME_F_SW_I2C u8g2(U8G2_R0,SCL,SDA);\n';return '';
};//开启 U8g2驱动模块Blockly.Arduino.initOled = function() {Blockly.Arduino.setups_['setup_intOled'] = 'u8g2.begin();\n';//严格函数固定写法(转setup函数中代码)return '';
};//中文输入模块Blockly.Arduino.displayCN=function(){var value = Blockly.Arduino.valueToCode(this, 'VALUE', Blockly.Arduino.ORDER_ATOMIC) || '\"\"';return 'u8g2.firstPage();' + '\n'  +  'do {'  + '\n' +    'u8g2.setFont(u8g2_font_unifont_t_chinese1);' + '\n'  +    'u8g2.drawUTF8(0,15,'   +value+  ');' + '\n' +  '} while ( u8g2.nextPage() );' + '\n' +  'delay(1000);';};

效果：

希望以上可以给大家带来帮助。

Mixly 自定有OLED相关推荐

Mixly第三方库开发——OLED库
前言 Mixly自从2015年问世以来,就深受国内创客.中小学教师喜爱,如今已经成为国内最好用的Arduino图形化软件之一.Mixly最大的优点就是其开放性,Mixly建立了一个生态圈,这个生态圈欢 ...
用mixly软件解决esp8366,OLED液晶屏显示网络时钟的只显示个位数的问题
有些朋友在编程的时候在用液晶屏显示网络时钟的时候可能会遇到一个小问题,就是时钟在个位数的时候,屏幕也只显示个位,这样屏幕上就会出现有个位数和双位数同时出现的情况,这样整个界面就不太美观,用mixly可 ...
automl_automl简介
automl During my summer vacation, I ran across a CBInsights report called "AI trends to watch i ...
RuilongMaker ESP8266物联网开发板串口WIFI模块无线收发 Mini版
ESP8266 IOT MiniBoard 物联网迷你开发板,是一款以ESP8266-12F为核心的物联网开发板,采用ESP8266-12F为主控,使用稳定性较高的CH340USB串口转换芯片,板载3 ...
esp8266 mixly blynk远程控制 + NTP+天气预报及一体智能钟
本人开发环境:图形mixly,省事方便只需点几下鼠标就搞定了这些esp8266 blynk远程控制 + NTP+天气预报及一体智能钟的功能,而且很简单,本人电子业余爱好者非专业程序猿.逻辑性不太好, ...
Arduino Mixly智能家居
产品介绍: 智能家居是未来的发展趋势.通过远程智能化技术来控制设备的方式已越来越贴近于人们的生活.智能家居也越来越受大家的喜爱和重视,而智能家居系统就是以提高家庭居住环境为目的的,它融合了计算机,网络 ...
弧形玻璃清洁机器人_宅家大扫除清洁装备+清洁好物+全屋家电维护一文搞定
前言: 经过长时间的宅家,相信大家现在都比较重视家里的清洁卫生,个人认为居家大扫除中的重点可以分为四个部分,厨房.卫生间.地面和墙面. 所以今天我就来和聊聊我的宅家大扫除中,如何解决这四个部分的清理, ...
cebemax hal库 stm32 OLED移植解析
cebemax hal库 stm32 OLED移植序言: 这是一篇对于作者对于将OLED的驱动代码移植成hal库的文章,会有完整的过程,后面自然也会有完整的代码,希望能够帮到大家,同时也是做一个记录 ...
Mixly系列 | 关于Blynk，你或许不知道的几个小技巧
随着 Mixly 软件的不断更新和完善,功能也越来越强大,除了新增很多编程模块以外,还新增了很多硬件支持,比如 Blynk 物联网模块.ESP32 和掌控板等.但是,虽然功能和模块增多了,但是很多老师 ...

Mixly 自定有OLED

Mixly 自定有OLED相关推荐

最新文章

热门文章