手机UI复刻,录制了零基础视频,运行在ESP32S3星球一号上。

文摘   科技   2023-08-02 08:00   江苏  

点击上方“嘉友创信息科技”,选择关注,干货福利,第一时间奉上。

00
星球硬件

使用SquareLine设计LVGL的UI,自动生成.c程序,移植到ESP32的星球一号开发板上,如图所示,手机拍照效果不是太好。
学习ESP32和LVGL,可以加入小步的知识星球(付费)。
01
开机页

设计点

  • LOGO设计套路。

  • LVGL动画:移动,缩放的添加和使用。

02
首页

设计点

  • 整体布局和风格设计。

  • LVGL的Flex布局使用。

  • LVGL的Panel(obj)多样使用。

03
下拉设置页

设计点

  • LVGL的Flex布局使用。

  • LVGL的Panel(obj)多样使用。

  • LVGL的Slide使用。

  • 下拉滑动事件

04
搜索页

设计点

  • LVGL的Flex布局使用。

  • LVGL的Panel(obj)多样使用。

  • LVGL的圆环和输入框使用。

  • 左滑事件处理

05
视频

零基础SquareLine学习视频:哔哩哔哩搜索“开源一小步

注:视频声音较小,请放大声音,仔细听讲。

06
源码下载

ESP32相关源码,公众号后台回复关键词【ESP32】,发送后收到链接即可下载

谢谢关注,下期更精彩。

收藏、点赞、在看一键三连

-- END --

开源一小步
定期发布开源项目,欢迎关注!!
 最新文章