Drag-and-drop GUI designer for LVGL

Hello, is there an official drag-and-drop GUI design program for LVGL? The Edgeline project was previously launched, but it hasn’t been continued. SquareLine Studio exists, but it’s unofficial. The latest XML-based program, LVGL Editor, has been designed. Will a drag-and-drop GUI development program like SquareLine Studio be developed?

1 Like

I use EEZ Studio | EEZ
Worth checking out.
I can’t justify the single developer licence fee of the new LVGL tool unfortunately.

2 Likes

I have thought about writing a what you see is what you get type of editor for LVGL. I would want to write it using multiple transparent windows or “frames” and the frame would be stacked on top of each other. This would allow for having a preview that would be actually running and provide a clickable layer on top where selection boxes and sizing handles and things like that could be over layered on top of the running preview. The editors that exist not do not allow modifications to be made in real time while the preview is running. I can do this using LVGL and a GUI framework like wxWidgets which is cross platform and works on macOS, Windows and posix type OS’s. Using that specific GUI framework would make it easier and also faster to develop because it simplifies creating a cross platform application that has a UI.

I would more than likely write it in Python code and use Cython to convert the Python code into C code and compile it as a Python C extension module. doing that allows the code to run at the speed of C code instead of Python code.

I have most of the work done that compiles LVGL as a dynamic library that can be accessed using the ctypes library that Python is distributed with. It generates all of the code needed to be able to access everything in LVGL. I would run 2 LVGL displays with one of them writing the buffer data in RGBA8888 and the other would be writing it in RGB888. I would make the RGBA8888 display so it would react to left mouse button presses and the second would react to right mouse button presses. The RGBA8888 “layer” would be positioned directly over the RGB888 “layer”. This would allow a user to be able to interact with a live running demo of their program at the same time providing the ability to edit the UI objects.

If there is anyone that is willing to help with writing the code for it let me know. I would love to do it. It’s a large undertaking for a single person to do which is the reason why I have not done it. If there are people that would pitch in then lets go for it. This would be a 100% open source project no charge to use it for anyone. The restriction would be that it cannot be used for the development of a commercially sold piece of hardware or software. It would be for individuals and open source projects (non commercial).

1 Like

I use EEZ Studio too, mainly to support a great open source program.

I’d rather donate to an open project than pay a license for a closed product.

3 Likes