学习 LVGL
从浏览器编辑器到 ESP32 开发板，循序渐进地学习界面设计与项目开发。
宠物是预制的动画精灵，包含多种动画模式，可根据设定的条件切换。从目录中选一个，添加到项目中，然后将其连接起来，让它对设备正在做的任何事情做出反应：获取数据、过热、代码审查等等。
12 全部
查找 PicoPixel 模板、UI 套件、示例、精灵、控件和完整应用，了解如何打开、下载、导入和修改项目，并导出用于设备的 LVGL C 代码。
Set up the PicoPixel LVGL MCP server for Claude, ChatGPT, Codex, or Cursor. Learn agent settings, reusable components, colors, fonts, and assets.
了解 LVGL 动画图片控件的工作方式：上传一组尺寸一致的帧，设置时长和循环方式，并在显示屏上播放逐帧动画。
了解精灵控件的用途，学习创建包含多种动画状态的控件，并在不同项目中复用。
使用 PicoPixel 的事件编辑器为界面添加交互：在控件之间拖出连接线，选择点击、数值变化等触发条件，再设置要执行的动作。
Create light and dark LVGL themes in PicoPixel with reusable color tokens, bind them to widgets, and add a Set Theme event that switches themes at runtime.
了解 PicoPixel 资源库包含哪些内容，如何发布和关联资源库，以及如何在团队文件之间复用组件。发布资源库只会与团队共享，本文也会说明对外分享内容的两种方式。
了解 LVGL 字体为什么需要转换，如何使用内置或上传的字体，如何设置阿拉伯文、希伯来文等从右到左的文字，以及如何精简中日韩字体并清理未使用的字体。
使用 LVGL 为 ESP32 构建触摸屏 UI，在浏览器中可视化设计，实时预览，并导出可集成到固件的 C 代码。适合初学者的入门指南。
通过 Petdex 链接或 GitHub 上的精灵图集与 sprite.json，向 PicoPixel 社区提交宠物。本文也介绍如何用 AI 工具制作原创角色。
将 .picopixel 文件、展示图片和 README 说明放入公开 GitHub 仓库，提交审核后，即可作为社区模板分享。
发现宠物、模板或其他社区内容存在问题？了解如何通过 Give feedback 表单举报、需要提供哪些信息，以及版权举报和后续处理流程。
