refexchange / walv

An online GUI designer for LittlevGL

walv

An online GUI designer for LittlevGL. Try it online!

Alibaba Summer of Code 2019 : AliOS-Things

Old Version : lv_gui_designer

This repository continues to being used for improvements and further development.

Feature

• Just a static webpage, you need to use it with the latest browser(FireFox, Chrome...even IOS Safari).
• Create object based on an object. Support parent-child structure.
• Drag and drop to control the postion of the widget.
• Highlight the selected widget.
• Screenshot.
• Set attribute(postion, size, click, etc).
• TFT_simulator can be customized(size), supports mutiple windows.(To do)
• Style and Animation Editor(planning).
• Save and load project. The tool will save your project automatically, and could restore your work from the last closed window.
• Generate C and MicroPython code: includes GUI and Callback. Just add a function lv_gui_main in your code to use LittlevGL.(Doing)

Architecture

• A static webpage built with lv_micropython(WASM) and front-end component library.
• WASM part provides a Simulator.
• The front-end component library provides a way to control Simulator: create,delete or modify a widget. Include attribute editor, style editor and animation editor.(Now use Bootstrap)
• Generate final code by javascript, Use Blob to save file.
• Continue your work in last closed window: By Web Storage.