×

基于Mozilla物联网界面设计的漂亮UI

消耗积分:0 | 格式:zip | 大小:0.25 MB | 2022-11-24

邹俩珍

分享资料个

描述

Wio终端是最近上市的产品,所以,还有一些物联网库还在开发中,同时,在这个研究和等待的时间里,我决定开始构建一个基于Mozilla物联网界面设计的漂亮UI,我希望这个为您提供一些关于如何部署自己的仪表板并获得乐趣的想法(和解决方案)!

 

第一步:设置wio终端

poYBAGN-21GAeYhcAAU2Cr7j3Zs136.jpg
Wio终端
 

零步是了解你的板子,安装arduino和板子库,这里你可以找到这一步的官方文档。

在同一个链接中,您可以找到许多应用程序的库的官方部署,对于这个仪表板,我决定使用 Arduino IDE,所以使用的库是:

Seeed Arduino 液晶显示器

Seeed Arduino 折线图

赛德MAX31859K

安装过程很简单,您只需从链接下载库,如图所示:

pYYBAGN-21SAF7eIAADy598_IEc833.png
代码 > 下载 ZIP
 

之后,在 Arduino IDE 上安装,如图所示:

poYBAGN-21aAVEnXAAA-mA5qtDM087.png
草图 > 包含库 > 添加 .ZIP 库
 

最后,您可以使用 wiki 上的一些示例来测试这些库

第二步:连接组件

这里不多说,Grove 连接让它变得简单。

 
 
 
pYYBAGN-21yANyx_AAaLBr_ZeM8643.jpg
 
1 / 3组件
 

第三步:审查代码

pYYBAGN-22CAYL-sAADiZGfBQWQ003.png
wiozilla_dashboard.ino
 

让我们进入代码

pYYBAGN-22KAVvFuAABBzOt8OiM698.png
 
pYYBAGN-22SAcoQeAAA2_kOsSTY985.png
 
poYBAGN-22aAWp2JAAAliUlYF8Y575.png
 
poYBAGN-22mAXwoeAABFkIv2xt0712.png
 

 

pYYBAGN-222AWHu2AACXme3pTIs934.png
 

 

pYYBAGN-23CAMVONAADhWBreHFE813.png
 

 

pYYBAGN-23KAbqwlAABcrRs5ePQ935.png
 

 

pYYBAGN-23WAXjmJAAEc24JspmY731.png
 

第四步:下载并适应您的需求

 

poYBAGNQlFyAegpeAAJNynrOJZ8313.jpg
 

 

最后一步就是下载完整的代码,玩一下适应你的需要,在这个例子中我选择热电偶是因为广泛分布在很多工程实验室,但是你可以使用的传感器很多,wio终端有很多GPIO 端口。我希望你能得到足够多的想法和问题,让生活充满乐趣


声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉

评论(0)
发评论

下载排行榜

全部0条评论

快来发表一下你的评论吧 !