终极拖放式 LVGL 编辑器与 GUI 构建工具。

常见问题

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

常规

什么是 PicoPixel?

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

我需要安装什么吗?

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

支持哪些浏览器?

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

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 C 代码或来自 SquareLine Studio、EEZ Studio 等其他编辑器的项目。但您可以导出、分享和导入包含完整 LVGL 设计的 .picopixel 项目文件。从外部 LVGL 源文件导入已在我们的路线图上,也是呼声最高的功能之一。

实时预览是如何工作的?

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

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

可以。您可以直接在编辑器中上传自定义字体文件和图片资源。PicoPixel 还内置了字体库,只需点击一下即可将其转换为适用于 LVGL 项目的格式,无需手动查找和转换字体。支持阿拉伯语、希伯来语、中文、日文、韩文等语言的完整 Unicode。字体工作区模式允许您创建和管理多套 LVGL 字体,资源库存储可复用的控件、图片、字体和颜色。详见我们的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 编辑器有三种模式:Build(构建)、Reference(参考)和 Animation(动画)。Build 模式用于放置和设计 LVGL 控件、管理资源并构建界面。Reference 模式允许您在 LVGL 屏幕之外添加文本和图片作为笔记——这些不是 LVGL 内容,不会被导出,在分享 .picopixel 文件时也不会保留。Animation 模式提供高级的基于时间线的关键帧编辑器,用于对控件属性(如位置、大小、透明度)创建自定义动画。

PicoPixel 有动画编辑器吗?

有。PicoPixel 包含强大的 Animation 模式,提供完整的基于时间线的关键帧编辑器。您可以随时间动画化控件的位置、尺寸、透明度等属性,创建自定义动画曲线,并编排复杂的多轨序列。动画可在模拟器中实时预览,并作为 LVGL C 代码的一部分导出。与其他将动画功能放在付费层级后的编辑器不同,PicoPixel 不会按套餐限制动画功能,无论免费还是付费。为防止滥用,每个项目有 100 个动画的合理上限,但没有基于套餐的限制。

技术

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

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

PicoPixel 可以离线工作吗?

不支持,PicoPixel 是需要互联网连接的网络应用程序。它包含自动保存功能,因此即使连接中断,您的工作也受到保护。如果您希望看到离线支持,请告诉我们。对于国防或医疗等敏感行业中需要隔离网络部署的组织,我们提供专用的本地部署选项,整个应用可在您自己的硬件上运行,并置于您自己的身份验证之后(LDAP、SSO 或任何 OAuth 提供商),支持自定义审计日志和完整审计追踪。如有兴趣,请联系我们

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 以超出预期的速度增长,我们对社区的热烈反响感到欣喜。付费套餐现已面向需要更大规模的团队和用户开放。免费 Community 层级将保持慷慨,包括核心编辑、实时模拟器、代码导出等功能。付费套餐仅适合需要更多存储、更多项目、更大团队和商业使用门槛的用户。详情请参阅我们的定价页面

有免费层级吗?

是的。免费 Community 层级包括核心编辑、实时模拟器、代码导出以及最多 10 个项目。某些付费层级可提供生成代码的商业使用权。详情请参阅我们的定价页面

定价如何运作?

付费套餐从个人版 Starter(每月 10 美元)到 Pro(每月 20 美元),以及团队版 Startup(每月 100 美元)到 Enterprise(每月 450 美元),并提供年付折扣。套餐在存储、项目限制、团队席位和商业使用门槛上逐级扩展。所有现有账户将受到保护。请参阅定价页面获取完整详情。

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

导出的代码使用标准 LVGL API 调用,无任何专有依赖。在 Pro 套餐及以上,您可以在商业产品中自由使用 PicoPixel 生成的代码。Community 和 Starter 套餐仅用于个人、教育和爱好用途,不包含商业使用权。详情请参阅我们的定价页面

免费开始构建您的 LVGL 界面

以可视化方式设计嵌入式 UI,在实时 LVGL 模拟器中预览,并导出可直接用于生产的 C 代码。无需安装。无需信用卡。在浏览器中打开 PicoPixel 即可开始设计。

开始使用。免费!

阅读常见问题 · 联系我们