walv
An online GUI designer for LittlevGL. Try it online!
AliOS-Things
Alibaba Summer of Code 2019 :lv_gui_designer
Old Version :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
.