LVGL 9 · MicroPython · WebAssembly

在浏览器中设计嵌入式界面，在 MegaPy 开发板上直接运行。

MegaPy LVGL Designer 通过拖放布局 LVGL 9 界面，用真正的 LVGL 引擎实时渲染，并自动为你生成 MicroPython 代码。选好一块 MegaPy 显示板，一个下午就能把想法变成可运行的界面。

编辑器

构建界面所需的一切

无需安装工具链，也不用为了看一处改动反复烧录。打开编辑器，完成设计，再把结果发送到开发板。

把按钮、标签、滑块等控件放到画布上。可以用九宫格锚点对齐父容器，也可以借助参考线对齐其他控件。

控件由编译为 WebAssembly 的 LVGL 亲自绘制，而不是用 CSS 模拟。所见即开发板所显示。

生成的脚本就在界面下方。修改代码并点击 Apply，画布和属性面板会同步更新。

在 Chrome 或 Edge 中通过 USB 连接开发板，浏览其文件并把项目直接写入。

项目保存在浏览器中并同步到你的账户，换一台电脑也能继续工作。

把任意项目下载为 zip，保存在你自己的代码仓库里。

使用流程

按所用开发板的分辨率新建项目：Mega800、MegaSquare 或 MegaPro。

拖放控件、设置样式，并在实时 LVGL 预览中查看效果。

通过 USB 把生成的 MicroPython 发送到开发板，界面随即启动。

硬件

每块开发板在编辑器中都有尺寸完全一致的画布，从第一次点击起布局就与屏幕严丝合缝。

采用并行 RGB 接口的宽幅横屏。一屏即可容纳仪表盘、状态栏和控制区。

800×480 · RGB

方形 MIPI 屏。适合表盘、时钟等从各个方向看都均衡的居中布局。

480×480 · MIPI

竖向 MIPI 屏。适合菜单、列表等需要向下滚动的界面。

480×854 · MIPI

商店

注册账户，审核通过后即可在浏览器中使用编辑器，无需安装任何软件。