得捷电子Follow me第3期【ESP32-C3 XIAO】总结（驱动Round Display for XIAO)

小默叔叔 · 发表于2023-12-16 11:23

得捷电子Follow me第3期【ESP32-C3 XIAO】总结（驱动Round Display for XIAO) [复制链接]

# 得捷电子Follow me第3期【ESP32-C3 XIAO】物料开箱+总结（驱动Seeed Studio Round Display for XIAO）

## 发现原来我还没有发开箱贴，但我已经写了，所以和总结一起发了

## 一、物料开箱

开箱开箱，再三考虑，还是选择了“SEEED STUDIO XIAO ROUND DISPLAY”和“SEEED STUDIO XIAO ESP32C3 WIFI+B”这个组合，因为这个“SEEED STUDIO XIAO ROUND DISPLAY”是一个圆形的LCD屏幕，可以用来做一些表盘设计和移植一些有趣的GUI界面

1. 上图

<ignore_js_op>

<div class="tip tip_4 aimg_tip" id="aimg_764312_menu" style="position: absolute; display: none" disautofocus="true">
<div class="xs0">
<p><strong>Untitled.jpeg</strong> <em class="xg1">(149.22 KB, 下载次数: 0)</em></p>
<p>
<a href="javascript:;" class="loginf" >下载附件</a>

<a href="javascript:;" onclick="showWindow(this.id, this.getAttribute('url'), 'get', 0);" id="savephoto_764312" url="home.php?mod=spacecp&ac=album&op=saveforumphoto&aid=764312&handlekey=savephoto_764312">保存到相册</a>

</p>

</div>
<div class="tip_horn"></div>
</div>

</ignore_js_op>

2. 计划这次开发，会分成两部分

1. 第一部分完成主线任务（任务1-5），使用Micropython开发。
 2. 第二部分“综合实践”会像二期那样，选在PlatformIO+Arduino+Clion的方式开发，尝试驱动驱动Seeed Studio Round Display for XIAO

3. 任务1：使用MicroPython系统

4. 任务2：驱动扩展版上的OLED屏幕

5. 任务3：控制蜂鸣器播放小星星

6. 任务4：连接WiFi网络

7. 任务5：连接环温湿度传感器，获取传感器的数值

## 二、项目描述及各项目说明（含心得体会）

在这次的活动中，我获得了丰富的知识和经验，深入了解了ESP32-C3的应用，并且学习了许多实用的嵌入式开发技巧。我衷心感谢EEWORLD和得捷电子为我提供了这次极具价值的学习机会，使我有幸接触到ESP32-C3，并在此过程中吸收了许多既有趣又实用的知识点。

通过参加这个活动，我成功地操作了ESP32-C3 XIAO开发板，并在Thonny IDE环境下完成了固件的下载与运行。这个经历为我步入嵌入式编程世界打开了大门，加深了我对硬件与软件结合的理解。此外，我还学习了micropython的基础语法，这是一种为嵌入式系统设计的简化Python版本。我掌握了在ESP32-C3上运行micropython代码的技巧，这对我未来的嵌入式开发项目大有裨益。

我还探索了如何驱动各类外设，包括温湿度传感器、OLED显示屏和蜂鸣器。通过编写简单的代码，我成功实现了LED灯的闪烁和蜂鸣器的声音控制。同时，我也学会了如何使用封装好的库来驱动OLED显示屏，使我能够在ESP32-C3上展示和交互各种信息。

此外，我还学习了如何使用网络模块来同步系统时间，这是我在此次活动中的另一个重要收获。我掌握了连接WiFi网络和获取实时时间的方法，这对于需要时间同步的项目来说非常有用。

总结来说，这次ESP32-C3的学习活动对我来说意义非凡。我不仅学会了嵌入式开发的基本技能，还学习了如何在ESP32-C3上操作各种外设和实现网络通信。这为我个人技能的提升和未来职业生涯的发展奠定了坚实的基础。我再次对EEWORLD和得捷电子提供的这次宝贵学习机会表示感谢！

**任务1：使用MicroPython系统**

这次Raspberry Pi Pico w的开发环境是基于Thonny。Thonny 是一个适合初学者的 Python IDE，由爱沙尼亚的 [Tartu 大学](https://link.zhihu.com/?target=https%3A//www.ut.ee/en) 开发，它采用了不同的方法，因为它的调试器是专为学习和教学编程而设计的。它可以用于开发RP2040和ESP32等芯片。

下载地址为：[https://thonny.org/](https://thonny.org/)

Thonny使用说明

1. 配置解释器：运行→配置解释器

<ignore_js_op>

<div class="tip tip_4 aimg_tip" id="aimg_764313_menu" style="position: absolute; display: none" disautofocus="true">
<div class="xs0">
<p><strong>Untitled.png</strong> <em class="xg1">(51.65 KB, 下载次数: 0)</em></p>
<p>
<a href="javascript:;" class="loginf" >下载附件</a>

<a href="javascript:;" onclick="showWindow(this.id, this.getAttribute('url'), 'get', 0);" id="savephoto_764313" url="home.php?mod=spacecp&ac=album&op=saveforumphoto&aid=764313&handlekey=savephoto_764313">保存到相册</a>

</p>

</div>
<div class="tip_horn"></div>
</div>

</ignore_js_op>

2. Thonny窗口的注释和基本用法

<ignore_js_op>

<div class="tip tip_4 aimg_tip" id="aimg_764297_menu" style="position: absolute; display: none" disautofocus="true">
<div class="xs0">
<p><strong>Untitled 1.png</strong> <em class="xg1">(116.98 KB, 下载次数: 0)</em></p>
<p>
<a href="javascript:;" class="loginf" >下载附件</a>

<a href="javascript:;" onclick="showWindow(this.id, this.getAttribute('url'), 'get', 0);" id="savephoto_764297" url="home.php?mod=spacecp&ac=album&op=saveforumphoto&aid=764297&handlekey=savephoto_764297">保存到相册</a>

</p>

</div>
<div class="tip_horn"></div>
</div>

</ignore_js_op>

3. MicroPython的语法MicroPython使用了类似于Python的语法，但没有其更大的同类中所具有的额外特性的优势。例如，MicroPython无法访问 Python 可用的大量库。但MicroPython 旨在运行在资源有限的硬件上，配备了一组核心库，提供一些基本功能，例如网络、文件 I/O 和有限的数据类型。总结一句话就是：与Python语法基本相同，调用库的话，最好调用MicroPython的。

**任务2：驱动扩展板上的OLED屏幕**

1. 硬件连接

我这里使用的是得捷一期时候购买的树莓派的配件，转接板也使用的树莓派的底板，然后再通过面包板转接供电给底板来使用。我这里使用了他的I2C和OLED相连。
 底板原理图
 
<ignore_js_op>

<div class="tip tip_4 aimg_tip" id="aimg_764298_menu" style="position: absolute; display: none" disautofocus="true">
<div class="xs0">
<p><strong>Untitled 2.png</strong> <em class="xg1">(103.91 KB, 下载次数: 0)</em></p>
<p>
<a href="javascript:;" class="loginf" >下载附件</a>

<a href="javascript:;" onclick="showWindow(this.id, this.getAttribute('url'), 'get', 0);" id="savephoto_764298" url="home.php?mod=spacecp&ac=album&op=saveforumphoto&aid=764298&handlekey=savephoto_764298">保存到相册</a>

</p>

</div>
<div class="tip_horn"></div>
</div>

</ignore_js_op>

ESP32-C3 引脚图
 
<ignore_js_op>

<div class="tip tip_4 aimg_tip" id="aimg_764299_menu" style="position: absolute; display: none" disautofocus="true">
<div class="xs0">
<p><strong>Untitled 3.png</strong> <em class="xg1">(147.22 KB, 下载次数: 0)</em></p>
<p>
<a href="javascript:;" class="loginf" >下载附件</a>

<a href="javascript:;" onclick="showWindow(this.id, this.getAttribute('url'), 'get', 0);" id="savephoto_764299" url="home.php?mod=spacecp&ac=album&op=saveforumphoto&aid=764299&handlekey=savephoto_764299">保存到相册</a>

</p>

</div>
<div class="tip_horn"></div>
</div>

</ignore_js_op>

<ignore_js_op>

<div class="tip tip_4 aimg_tip" id="aimg_764300_menu" style="position: absolute; display: none" disautofocus="true">
<div class="xs0">
<p><strong>Untitled 4.png</strong> <em class="xg1">(69.55 KB, 下载次数: 0)</em></p>
<p>
<a href="javascript:;" class="loginf" >下载附件</a>

<a href="javascript:;" onclick="showWindow(this.id, this.getAttribute('url'), 'get', 0);" id="savephoto_764300" url="home.php?mod=spacecp&ac=album&op=saveforumphoto&aid=764300&handlekey=savephoto_764300">保存到相册</a>

</p>

</div>
<div class="tip_horn"></div>
</div>

</ignore_js_op>

<ignore_js_op>

<div class="tip tip_4 aimg_tip" id="aimg_764301_menu" style="position: absolute; display: none" disautofocus="true">
<div class="xs0">
<p><strong>Untitled 5.png</strong> <em class="xg1">(1004.23 KB, 下载次数: 0)</em></p>
<p>
<a href="javascript:;" class="loginf" >下载附件</a>

<a href="javascript:;" onclick="showWindow(this.id, this.getAttribute('url'), 'get', 0);" id="savephoto_764301" url="home.php?mod=spacecp&ac=album&op=saveforumphoto&aid=764301&handlekey=savephoto_764301">保存到相册</a>

</p>

</div>
<div class="tip_horn"></div>
</div>

</ignore_js_op>

**任务3：控制蜂鸣器播放音乐**

这里使用18引脚驱动蜂鸣器，使用的是ESP32-C3的 GPIO2来驱动的，还实现了播放”小星星“

<ignore_js_op>

<div class="tip tip_4 aimg_tip" id="aimg_764302_menu" style="position: absolute; display: none" disautofocus="true">
<div class="xs0">
<p><strong>Untitled 6.png</strong> <em class="xg1">(85.54 KB, 下载次数: 0)</em></p>
<p>
<a href="javascript:;" class="loginf" >下载附件</a>

<a href="javascript:;" onclick="showWindow(this.id, this.getAttribute('url'), 'get', 0);" id="savephoto_764302" url="home.php?mod=spacecp&ac=album&op=saveforumphoto&aid=764302&handlekey=savephoto_764302">保存到相册</a>

</p>

</div>
<div class="tip_horn"></div>
</div>

</ignore_js_op>

<ignore_js_op>

<div class="tip tip_4 aimg_tip" id="aimg_764303_menu" style="position: absolute; display: none" disautofocus="true">
<div class="xs0">
<p><strong>Untitled 7.png</strong> <em class="xg1">(45.3 KB, 下载次数: 0)</em></p>
<p>
<a href="javascript:;" class="loginf" >下载附件</a>

<a href="javascript:;" onclick="showWindow(this.id, this.getAttribute('url'), 'get', 0);" id="savephoto_764303" url="home.php?mod=spacecp&ac=album&op=saveforumphoto&aid=764303&handlekey=savephoto_764303">保存到相册</a>

</p>

</div>
<div class="tip_horn"></div>
</div>

</ignore_js_op>

**任务4：连接WiFi网络**

WiFi这里我使用了network库，同事在连接上热点并打印出信号强度后，我去连接得捷官网，并打印显示，同时热点的账号密码我写在了当前python文件中

<ignore_js_op>

<div class="tip tip_4 aimg_tip" id="aimg_764304_menu" style="position: absolute; display: none" disautofocus="true">
<div class="xs0">
<p><strong>Untitled 8.png</strong> <em class="xg1">(65.72 KB, 下载次数: 0)</em></p>
<p>
<a href="javascript:;" class="loginf" >下载附件</a>

<a href="javascript:;" onclick="showWindow(this.id, this.getAttribute('url'), 'get', 0);" id="savephoto_764304" url="home.php?mod=spacecp&ac=album&op=saveforumphoto&aid=764304&handlekey=savephoto_764304">保存到相册</a>

</p>

</div>
<div class="tip_horn"></div>
</div>

</ignore_js_op>

**任务5：使用外部传感器**

这里我本来想用传感器检测距离，但看到要求要使用温湿度传感器这些来测试，所以我就找到以前的一块开发板的配件，它上面有个DHT11，我就基于这个来写了。这里我用的是ESP-C3的GPIO3来获取当前的温湿度。

这里要添加DHT的库

<ignore_js_op>

<div class="tip tip_4 aimg_tip" id="aimg_764305_menu" style="position: absolute; display: none" disautofocus="true">
<div class="xs0">
<p><strong>Untitled 9.png</strong> <em class="xg1">(96.93 KB, 下载次数: 0)</em></p>
<p>
<a href="javascript:;" class="loginf" >下载附件</a>

<a href="javascript:;" onclick="showWindow(this.id, this.getAttribute('url'), 'get', 0);" id="savephoto_764305" url="home.php?mod=spacecp&ac=album&op=saveforumphoto&aid=764305&handlekey=savephoto_764305">保存到相册</a>

</p>

</div>
<div class="tip_horn"></div>
</div>

</ignore_js_op>

<ignore_js_op>

<div class="tip tip_4 aimg_tip" id="aimg_764306_menu" style="position: absolute; display: none" disautofocus="true">
<div class="xs0">
<p><strong>Untitled 10.png</strong> <em class="xg1">(65.27 KB, 下载次数: 0)</em></p>
<p>
<a href="javascript:;" class="loginf" >下载附件</a>

<a href="javascript:;" onclick="showWindow(this.id, this.getAttribute('url'), 'get', 0);" id="savephoto_764306" url="home.php?mod=spacecp&ac=album&op=saveforumphoto&aid=764306&handlekey=savephoto_764306">保存到相册</a>

</p>

</div>
<div class="tip_horn"></div>
</div>

</ignore_js_op>

**任务6：驱动Seeed Studio Round Display for XIAO**

**介绍**

Seeed Studio Round Display for XIAO 是一款与所有 XIAO 开发板兼容的扩展板。它的一侧有一个完全覆盖的触摸屏，设计为 39 毫米圆盘。它在紧凑的尺寸内包含板载 RTC、充电芯片、TF 卡插槽，非常适合智能家居、可穿戴设备等中的交互式显示。

**硬件概述**

<ignore_js_op>

<div class="tip tip_4 aimg_tip" id="aimg_764307_menu" style="position: absolute; display: none" disautofocus="true">
<div class="xs0">
<p><strong>Untitled 11.png</strong> <em class="xg1">(262.8 KB, 下载次数: 0)</em></p>
<p>
<a href="javascript:;" class="loginf" >下载附件</a>

<a href="javascript:;" onclick="showWindow(this.id, this.getAttribute('url'), 'get', 0);" id="savephoto_764307" url="home.php?mod=spacecp&ac=album&op=saveforumphoto&aid=764307&handlekey=savephoto_764307">保存到相册</a>

</p>

</div>
<div class="tip_horn"></div>
</div>

</ignore_js_op>

**代码**

1. 需要下载TFT_eSPI，这个不要官方的库，需要下载专门适配过的库，地址为：[https://github.com/Maxwelltoo/TFT_eSPI](https://github.com/Maxwelltoo/TFT_eSPI)

2. 还需要下载依赖lvgl、Adafruit_busIO、Adafruit_GFX_Library、I2C+BM8563_RTC

3. 修改User_Setup_Select.h

<ignore_js_op>

<div class="tip tip_4 aimg_tip" id="aimg_764308_menu" style="position: absolute; display: none" disautofocus="true">
<div class="xs0">
<p><strong>Untitled 12.png</strong> <em class="xg1">(140.88 KB, 下载次数: 0)</em></p>
<p>
<a href="javascript:;" class="loginf" >下载附件</a>

<a href="javascript:;" onclick="showWindow(this.id, this.getAttribute('url'), 'get', 0);" id="savephoto_764308" url="home.php?mod=spacecp&ac=album&op=saveforumphoto&aid=764308&handlekey=savephoto_764308">保存到相册</a>

</p>

</div>
<div class="tip_horn"></div>
</div>

</ignore_js_op>

4. platformio.ini 的配置

<ignore_js_op>

<div class="tip tip_4 aimg_tip" id="aimg_764309_menu" style="position: absolute; display: none" disautofocus="true">
<div class="xs0">
<p><strong>Untitled 13.png</strong> <em class="xg1">(49.9 KB, 下载次数: 0)</em></p>
<p>
<a href="javascript:;" class="loginf" >下载附件</a>

<a href="javascript:;" onclick="showWindow(this.id, this.getAttribute('url'), 'get', 0);" id="savephoto_764309" url="home.php?mod=spacecp&ac=album&op=saveforumphoto&aid=764309&handlekey=savephoto_764309">保存到相册</a>

</p>

</div>
<div class="tip_horn"></div>
</div>

</ignore_js_op>

5. 画表圈

<ignore_js_op>

<div class="tip tip_4 aimg_tip" id="aimg_764310_menu" style="position: absolute; display: none" disautofocus="true">
<div class="xs0">
<p><strong>Untitled 14.png</strong> <em class="xg1">(147.32 KB, 下载次数: 0)</em></p>
<p>
<a href="javascript:;" class="loginf" >下载附件</a>

<a href="javascript:;" onclick="showWindow(this.id, this.getAttribute('url'), 'get', 0);" id="savephoto_764310" url="home.php?mod=spacecp&ac=album&op=saveforumphoto&aid=764310&handlekey=savephoto_764310">保存到相册</a>

</p>

</div>
<div class="tip_horn"></div>
</div>

</ignore_js_op>

6. 展示

<ignore_js_op>

<div class="tip tip_4 aimg_tip" id="aimg_764311_menu" style="position: absolute; display: none" disautofocus="true">
<div class="xs0">
<p><strong>Untitled 15.png</strong> <em class="xg1">(536.18 KB, 下载次数: 0)</em></p>
<p>
<a href="javascript:;" class="loginf" >下载附件</a>

<a href="javascript:;" onclick="showWindow(this.id, this.getAttribute('url'), 'get', 0);" id="savephoto_764311" url="home.php?mod=spacecp&ac=album&op=saveforumphoto&aid=764311&handlekey=savephoto_764311">保存到相册</a>

</p>

</div>
<div class="tip_horn"></div>
</div>

</ignore_js_op>

## 代码仓库
https://download.eeworld.com.cn/detail/%E5%B0%8F%E9%BB%98%E5%8F%94%E5%8F%94/630291
## 视频链接
https://training.eeworld.com.cn/video/38825