可视化拖放式 LVGL 编辑器。

常见问题

关于 PicoPixel 您需要了解的一切。找不到您要找的内容?联系我们

常规

什么是 PicoPixel?

PicoPixel 是一款基于浏览器的 LVGL 可视化编辑器 — LVGL 是流行的开源嵌入式显示图形库。它可以让您设计、在实时模拟器中预览,并导出可直接用于生产的 C code,无需手动编写布局模板代码。查看工作原理

我需要安装什么吗?

不需要。PicoPixel 完全在浏览器中运行 — 没有桌面应用程序、没有插件、没有 SDK 需要安装。打开编辑器 URL,使用 GitHub 或 Google 登录,即可开始设计。

支持哪些浏览器?

PicoPixel 在最新版本的 Chrome、Edge 和 Firefox 中表现最佳。Safari 也受支持,但某些 LVGL 组件可能存在细微的渲染差异。

PicoPixel 是开源的吗?

编辑器的代码库是私有的,但它为 LVGL 生成代码,LVGL 是基于 MIT 许可证的开源项目。

PicoPixel 支持哪些平台和开发板?

PicoPixel 生成标准的 LVGL C code,可在任何具有 LVGL 移植的平台上运行 — 包括 ESP32(所有变体,包括 ESP32-P4)、STM32、Arduino、Raspberry Pi Pico、NXP、Renesas 以及基于 Linux 的系统。我们已在 LILYGO、M5Stack、Waveshare、Guition、Elecrow 和 Adafruit 的开发板上进行了测试。

PicoPixel 与 SquareLine Studio 有何不同?

PicoPixel 基于浏览器(无需安装),支持实时团队协作,并包含由 WebAssembly 驱动的实时 LVGL 模拟器。SquareLine Studio 是一款需要付费许可证才能用于商业用途的桌面应用程序。PicoPixel 对商业项目免费且无限制。如需详细的逐项对比,请参阅我们的 LVGL 编辑器对比

PicoPixel 与其他 LVGL 编辑器相比如何?

我们提供 PicoPixel、SquareLine Studio 和 EEZ Studio 的详细对比,涵盖功能、定价、协作、代码导出等方面。查看完整的 LVGL 编辑器对比

PicoPixel 的典型工作流程是什么?

工作流程为:在画布上可视化地设计界面,使用可视化事件编辑器连接交互,在实时 LVGL 模拟器中预览,导出可直接用于生产的 C code,然后集成到您的固件项目中。如需逐步指南,请参阅PicoPixel 的工作原理

编辑器与功能

PicoPixel 针对哪个版本的 LVGL?

PicoPixel 目前针对 LVGL 8.x,计划支持 v9.x。生成的代码使用标准 LVGL API 调用,因此可以与最新的 8.x 版本干净地编译。

我可以导入现有的 LVGL 项目吗?

目前还不行 — 编辑器当前支持从零开始创建项目。导入现有 LVGL 源文件在我们的路线图上,也是呼声最高的功能之一。

实时预览是如何工作的?

PicoPixel 将 LVGL 编译为 WebAssembly 并直接在您的浏览器中运行。您在预览中看到的是实际的 LVGL 渲染引擎 — 不是模型展示 — 因此输出与您的目标硬件逐像素匹配。

我可以使用自定义字体和图片吗?

可以。您可以直接在编辑器中上传自定义字体文件和图片资源。字体排版工作区模式允许您创建和管理各种字体,资源库存储可重复使用的组件、图片、字体和颜色。查看所有编辑器功能

PicoPixel 有实时 LVGL 模拟器吗?

有。PicoPixel 将 LVGL 编译为 WebAssembly 并直接在您的浏览器中运行。模拟器使用实际的 LVGL 引擎渲染您的设计,因此您所见即硬件所得。交互叠加层显示可以点击和滚动的元素。您还可以生成可分享的模拟器链接,发送给客户或团队成员。

多人可以同时编辑一个项目吗?

可以。PicoPixel 支持实时协作编辑 — 五种工作区模式之一。多个团队成员可以同时在同一个项目上工作,通过标注留下反馈,并实时查看彼此的更改。

PicoPixel 导出什么代码?

PicoPixel 导出一个包含干净的、可直接用于生产的 LVGL C code(.c 和 .h 文件)的 zip 文件。输出包括组件设置、样式、布局、事件绑定和资源引用 — 全部使用标准 LVGL API 调用,无任何专有依赖。

PicoPixel 有可视化事件编辑器吗?

有。事件编辑器允许您以可视化方式连接 LVGL 事件处理程序 — 将操作拖放到组件上进行页面导航、样式更改、值更新等 — 无需编写 C code。PicoPixel 在导出时自动生成 LVGL 事件回调。查看所有功能

PicoPixel 有内置版本控制吗?

有。PicoPixel 内置版本控制功能,包括检查点、细粒度的会话历史记录(Session Actions),以及恢复到任何先前状态的能力。无需外部 VCS 即可进行 UI 设计工作。

什么是工作区模式?

PicoPixel 编辑器有五种工作区模式:协作(实时团队编辑)、版本控制(检查点和历史记录)、资源(可重复使用的组件和资源库)、模拟器(带交互叠加层的实时 LVGL 预览)和字体排版(字体管理)。每种模式都将编辑器聚焦于特定的工作流程。

技术

我可以使用 PicoPixel 构建 ESP32 触摸屏 UI 吗?

完全可以。PicoPixel 生成标准的 LVGL C code,适用于任何 ESP32 变体 — 包括 ESP32-S3、ESP32-P4 等。导出已在 Waveshare 和 Guition ESP32-P4 开发板上测试过。以可视化方式设计触摸屏布局,在模拟器中预览,然后导出用于 ESP-IDF、Arduino 或 PlatformIO 的代码。了解更多关于 PicoPixel for ESP32 的信息。

PicoPixel 可以离线工作吗?

PicoPixel 是一款需要互联网连接的网络应用程序。它包含自动保存功能,因此即使连接中断,您的工作也受到保护。如果完全离线工作流程是硬性要求,请查看我们的编辑器对比了解桌面替代方案。

PicoPixel 支持哪些 LVGL 组件?

PicoPixel 支持核心 LVGL 组件集,包括按钮、标签、滑块、开关、下拉菜单、滚轮、弧形、进度条、图表、图片、复选框、文本区域、选项卡视图、容器等。组件集正在不断扩展 — 新组件正在积极添加中。

PicoPixel 是否与 ESP-IDF、Arduino 和 PlatformIO 兼容?

是的。导出的代码使用标准 LVGL API 调用,无任何专有依赖,因此可以与任何支持 LVGL 的构建系统集成 — 包括 ESP-IDF、Arduino IDE 和 PlatformIO。请参阅 ESP32 集成指南获取分步说明。

PicoPixel 支持哪些显示分辨率?

您可以在 PicoPixel 中设置任何显示分辨率以匹配您的目标硬件 — 从 240x240 的小型圆形显示屏(GC9A01)到 320x240 SPI TFT、800x480 面板及更大尺寸。实时模拟器会以您选择的分辨率进行渲染。

定价与计划

PicoPixel 可以免费使用吗?

是的。PicoPixel 免费使用 — 包括商业项目。无需信用卡。PicoPixel 由一位独立开发者构建和维护,随着平台的发展,可能会推出付费计划以覆盖存储和服务成本。始终会有免费层级。

会有免费层级吗?

是的。始终会有一个提供核心编辑和导出功能的慷慨免费层级。无论选择何种计划,生成的代码均可免费用于商业用途,没有任何限制。

定价将如何运作?

随着平台的扩展,将推出可选的付费计划 — 主要针对企业功能,如扩展的实时协作和存储。我们会提前在 Discord 和社交渠道上发布详细信息。我们的目标是让 PicoPixel 对爱好者保持可及性,对专业团队具有竞争力。

我可以在商业产品中使用 PicoPixel 生成的代码吗?

可以。导出的代码使用标准 LVGL API 调用,无任何专有依赖或许可限制。您可以免费在商业产品中使用 PicoPixel 生成的代码。

还有问题?

我们很乐意收到您的来信。请联系我们,我们会尽快回复您。

联系我们