终极拖放式 LVGL 编辑器与 GUI 构建工具。
常见问题
关于 PicoPixel 您需要了解的一切。找不到您要找的内容?联系我们。
常规
什么是 PicoPixel?
我需要安装什么吗?
不需要。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 模拟器吗?
有。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 支持哪些 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 套餐仅用于个人、教育和爱好用途,不包含商业使用权。详情请参阅我们的定价页面。