[作品提交] 【得捷电子Follow m3第3期】任务6：综合实践|圆屏点亮时钟界面

alanlan86 2023-12-4 21:19 楼主

#准备
- 趁着Follow me 3期的物料，放弃了周边传感器（之前的几次活动+底板外设，传感器基本够用），因此果断入手圆屏扩展底板。
![](https://files.seeedstudio.com/wiki/round_display_for_xiao/rounddisplay.jpg)

- 当然核心板，还是Seeed Studio的ESP32-C3 XIAO
![](https://files.seeedstudio.com/wiki/round_display_for_xiao/xiaoesp32c3.jpg)

- 有核心主控+底板，基本就是正确对接即可，不需要额外的硬件连接了。

#开发环境
###闲话
- 关于开发环境，一开始想顺着官网wiki的步骤，用Arduino的IDE进行代码编写，但是实际操作时发现，如果不采用“科学上网”会让人很崩溃。因此，放弃Arduino IDE，改用VSCode+PlatformIO（之前玩过一个国产很冷门的8位单片机，简单用过它~~~当时缺实感到意外）。

###增加库
- 有了platformIO，只需简单几步，将ESP32-C3的开发环境搭建完成，同时，将LVGL和TFT_eSPI库增加到工程，另外如果跑benchmark，需要下载lv_examples.需要RTC BM8563的驱动库。

```html
[env:seeed_xiao_esp32c3]
platform = espressif32
board = seeed_xiao_esp32c3
framework = arduino
;lib_ldf_mode = deep+
lib_deps = 
	bodmer/TFT_eSPI@^2.5.34
	lvgl/lvgl@^8.3.9
	tanakamasayuki/I2C BM8563 RTC@^1.0.4
	arduino-libraries/SD@^1.2.4
	lvgl/lv_examples@^8.1.1-dev
```

###入手笔记
[上手步骤](https://wiki.seeedstudio.com/get_start_round_display/ "上手步骤")

###注意事项
- 将TFT_eSPI的代码库下载之后，配置屏幕的驱动环境：User_Setup_Select.h，这一步不对的话，屏幕是不会有反应的！！！
- 记得拷贝LVGL里面的lv_conf.h文件到库的对应路径
- 做lv_demo时候，需要下载lv_examples的库，不用默认自带的demos文件夹。
- example文件夹，在编译是不包含的，也有直接将其移入src的操作方法，但是感觉会打乱代码的结构~~~所以下载一下库好了！

#软件代码
- 代码片段在参考的代码仓库，都非常详细了，此处简单贴一个代码片段。

[Seeed Arduino Round Display代码仓库](https://github.com/Seeed-Studio/Seeed_Arduino_RoundDisplay "Seeed Arduino Round Display代码仓库")

```cpp
#include <Arduino.h>
#include <lvgl.h>

#define TEST_MODE  2

#if (TEST_MODE == 2)
#include <lv_demo.h>
#endif

// uncomment a library for display driver
#define USE_TFT_ESPI_LIBRARY
// #define USE_ARDUINO_GFX_LIBRARY

#include "lv_xiao_round_screen.h"
#if (TESTMODE == 1)
#include "lv_hardware_test.h"
#endif

void setup()
{
    Serial.begin( 115200 );  //prepare for possible serial debug 
    Serial.println( "XIAO round screen - LVGL_Arduino" );

lv_init();

lv_xiao_disp_init();
    lv_xiao_touch_init();
#if (TEST_MODE == 1)
    lv_hardware_test();
#elif (TEST_MODE == 2)
    // lv_demo_widgets();
    lv_demo_benchmark();
    // lv_demo_keypad_encoder();
    // lv_demo_music();
    // lv_demo_printer();
    // lv_demo_stress();
#endif
}

void loop()
{
    lv_timer_handler();  //let the GUI do its work 
    delay( 5 );
}
```
#调试
- 工程代码编译成功

- 将固件upload到ESP32-C3板子

#演示

<div id="player_472439afa11b10f51dde6771cb4429a90" class="localvideo-box"></div><div class="localvideo-title">lvgl测试</div><br/>

#后续
- 经过上面的上手，已经简单熟悉圆屏板子的玩法，接下来，抽些时间，用代码通过BLE实现一个简单的多媒体遥控按钮。
:Onion-3:最近工作太忙了，期望能挤出时间吧~~~<span class="showedittime"><i class="pstatus"> 本帖最后由 alanlan86 于 2023-12-4 21:20 编辑 </i></span>

回复评论（4）

沙发 wangerxian

这圆屏的分辨率是多少？

点赞 2023-12-5 11:45

板凳 alanlan86

Item Detail Power Supply USB Type-C: 5V @35 mA Battery Charge: 3.7V @37mA Charge current ~ 485 mA Expandable memory TF Card Slot for up to 32GB FAT Screen 1.28-inch touch screen 240×240 resolution 65K colors Other External Equipment JST 1.25 connector Dimension 39mm x 39mm

点赞 2023-12-7 05:59

4楼 alanlan86

引用: wangerxian 发表于 2023-12-5 11:45 这圆屏的分辨率是多少？

240×240 resolution 65K colors

点赞 2023-12-7 06:00

5楼 alanlan86

GIF播放

继续试完 LVGL的GIF播放Demo！

点赞 2023-12-16 08:48