M5StackC介绍&示例-Arduino中文社区 - Powered by Discuz! Archiver

M5Stack官方 发表于 2021-8-4 18:34

M5StackC介绍&示例

大家好,这里是超易用的物联网硬件方案M5Stack。今天为大家介绍的产品是M5StickC,是一款体积非常小巧的多功能、网络、开发板。我们可以对它进行编程,用它来实现许许多多有意思的应用。首先在它的正面,是一个0.96寸的LCD屏幕,以及一个按钮 A;在左侧是电源的按键,短按2秒是开机,长按6s是关机;在右侧是按钮 B;在底部可以看到有一个USB C口,用于连接电脑,还有一个4 pin的grove接口,一般是用来连接外部的传感器;在顶部有一个8 pin拓展接口,我们可以基于这个接口做许多有意思的扩展,这个后面会讲到;翻过来看看背面,可以看到有很多产品的信息内容,以及认证的信息。从这里看出,StickC里面是包含了陀螺仪,麦克风、wifi、蓝牙、屏幕……可谓麻雀虽小五脏俱全。
下面就是实战部分了,用两分钟教会你,如何开发stickC。首先,usb线接入电脑,一般情况下,windows的驱动是兼容的,如果驱动缺失的可以到我们官网(https://docs.m5stack.com/en/download) 找到CP2104 Driver并下载安装就可以了。然后,我们为stickC烧入最新的uiflow固件,uiflow就是我们的软件开发平台。来到我们官网的下载页面(https://docs.m5stack.com/en/download) ,找到M5burner,下载后解压即可。打开M5burner,打开stick的页面,在stickc这里,首先更新最新的固件到本地,然后点击“BURN”烧录,此时会弹出WiFi Setting的页面,我们可以在此处就填入WiFi信息,也可以之后配置模式时再填写。如果烧录不成功,留意一下左上角的串口,以及波特率,stickc的波特率是750000就对了。
接下来就可以配置Stick C的模式了,同样在Stick C这里点击“Configuration”进入配置页面“UIFlow Config”,这里可以看到Stick C的密钥Api Key,从Start Mode选择要设置的模式,一共有Internet mode、USB mode和App mode三种模式。我们将其配置为USB模式,选择USB mode后确认即可。配置成功后Stick C的屏幕显示这样的画面。该模式下,我们可以通过离线版的UIFlow进行编程,离线版UIFlow可以从我们官网( https://docs.m5stack.com/en/download)找到UIFlow-Desktop-IDE进行下载。现在我们将模式更改为Internet mode,点击“Configuration”,选择Internet mode并填写WIFI信息。配置成功后,可以看到Stick C的屏幕由红色变为这样的蓝色画面。现在我们就可以通过网页版的UIFlow(https://flow.m5stack.com/)开始编写程序了。点击左下角的“Api key”进入配置页面,输入设备密钥并选择设备,确认后可以看到左下角显示“Connected”表示连接成功。如果未连接成功,检查后点击“Disconnected”旁边的刷新更新状态。我们来编写一个简单的程序,从分类里找到需要的程序块,拖动并组合。现在我们的程序就已经完成了,通过按键A和B控制LED灯的开与关。确认无误后,将程序烧写入Stick C中,点击右上角的三角图标开始烧写。可以看到,现在已经烧写成功了。先按按键A,LED灯打开,接着按按键B,LED灯熄灭。以上的内容大家都学会了吗?下次再见,拜拜。在这个Internet mode模式下我们可以通过无线网与电脑连接通信,用浏览器打开这个网址进入到UIFlow网页版页面。我们先连接到我们的stickC,点击坐下角的ApiKey,弹出设置页面setting,第一行的Api key我们需要输入设备的密钥,可以直接从设备屏幕上看到,第二行可以更改页面的语言,第三行 需要选择所使用的设备,我们这里使用的是StickC也就是第三个。现在我们点击坐下角的刷新图标,更新连接状态。可以看到右上角出现了已连接的提示说明我们的设备已经连接到了电脑。现在我们就可以在这个网页编写程序了。在次页面最左边有一些ui组件,我们可以直接将其拖拽到旁边的设备模拟图屏幕上,比如我现在拉一个标题title和标签label到屏幕上。在模拟图的下方,我们可以点击加号,选择连接传感器模块进行拓展开发,这个之后会讲到。在右边一点,这里有很多不同的分类,包含了很多我们公司封装好的程序块,我们可以直接拉取出来使用。比如我现在编写一个简单的程序,通过按下按钮A和B控制LED灯的开与关。先从UI组件这里点击屏幕,拉取“设置屏幕颜色”的程序块,这里将屏幕设置成红色。然后,我们来设置标题,点击标题后拉取第一个程序块,在引号里面编辑标题的内容,“Hello, M5”,接下来,我们从事件这里,拉取第一个无限循环,放在程序的最后面,保证程序能够一直检测按键的状态。同样在事件这里,我们再拉取第二项,读取按钮状态的程序块。这是检测按钮A是否被按下,双击我们可以直接复制这个程序块,将这个设置为检测按钮B。现在我们从硬件中的LED分别拉取LED ON和OFF到按键A和B的检测模块里,最后我们从UI组件的标签里拉取第一项到LED ON和OFF下面,并分别写入对应提示内容。现在程序就编写完成了,我们点击右上角的三角运行图标,将程序推送到设备上。出现提示后,表明推送成功。可以看到,我们的设备屏幕底色变为了红色,显示标题Hello,M5。现在按下按钮A,LED灯开启,再按下按钮B,LED灯关闭。好了,今天的介绍就是这样,欢迎大家评论留言。
【相关链接】抖音:https://v.douyin.com/eTQYReL/

udvs 发表于 2021-9-14 09:56

有陀螺仪和GPS的开发文档么?
页: [1]
查看完整版本: M5StackC介绍&示例