Future plan

Due to the lack of free time, the subsequent code will not be submitted immediately, and will only be submitted after the function is completed.

Improve the page management module of the tree structure
Support the latest version of LVGL8
The widget will be in the form of a plug-in, which is convenient for users to add custom widgets
Refactor the font conversion function, adopt the font conversion style of lvlg official website.
Refactoring the image conversion function, using the official lvgl image conversion style

1.0.4 PageTree [unfinish] 2022/02/02

A tree structure is adopted for the project, and each sub-item is a page.
The current optimal solution is to use LVGLSimulator as a member of the Page class, but the memory will increase and the slot function needs to be rewritten.
It's just that this refactoring involves a lot of functionality, so it takes a lot of time to test and refine. But my vacation is almost over, so it would be nice if someone could help.

1.0.4 Test Version

Removed the color depth selection
Fixed the program crash problem
Support multi-language style
Redesigned the new UI style
With the addition of gogleBreakpad, if the program crashes, a dmp file will be generated under the program path, and with the pdb file under the program path, you can use vs for debug tracing.
Because the use of msvc2019, so only support 64-bit system

I'm Back

First, I'll remove the code for unfinished functionality.
Second, I will solve the program crash problem, the problem lies in the model part, I need to rewrite.
Third, I would design a project as a whole object, rather than each page as a whole object.
Fourth, the new page will take a tree structure instead of a row of tab pages.

Plus

Now, I have ported the project to the Qt6 platform, which means that it is no longer compatible with the Qt5 platform. (Because people can't stand still and stay where they are)

1.0.4 preview

Version 1.0.4 is expected to be released in late July.

Support exporting all pages

Support a single file to save all pages

Support different themes

Colorful style（LOL）：You can quickly modify the style of the specified part according to these different colors
Dark theme
The theme is realized by loading the configuration file, so you can create your favorite style themes.

Complete testing process

Many test cases will be added under the test file, and the program will be released after all passed

Support multiple language

Now supports Chinese and English
Automatically save language settings, no need to set the next restart
Switch language first, then drag widgets
The name translation of the style needs to restart the client
Only projects of the same language can be loaded, so projects of versions before 1.0.4 are only applicable to English.

Because the original design needs to be changed a lot, this will cause a lot of problems.
Support customization, you can add languages according to the following pictures

Google Breakpad

The next version 1.0.4 version starts to support google breakpad

Currently only used for window
If the program crashes, please check whether the dmp file is generated. If it exists, you can send it to me for debugging and tracking
If the release version is to generate a pdb file, please uncomment these two lines of code in the pro file QMAKE_CXXFLAGS_RELEASE += $$QMAKE_CFLAGS_RELEASE_WITH_DEBUGINFO QMAKE_LFLAGS_RELEASE += $$QMAKE_LFLAGS_RELEASE_WITH_DEBUGINFO

New features

The pre-release of v1.0.3 has been released. Changelog.md under the dev-v7 branch records the changes of the previous version.

1.0.3

LABEL/TEXTAREA support LVGL's SYMBOL,just enter (LV_S_XXX) in the text box, such as (LV_S_WIFI)
Some widgets have new functions, such as animation switch and type selection
Fixed the issue of compiling errors caused by using a custom page name
New export method, hierarchical export will classify pictures, fonts and c codes, and then classify them into different page folders 【Experimental features】
Improve the naming logic when creating a new page or event
Optimize the export logic, will not copy the same font file repeatedly
Fix that the image event function fails to compile when the image name contains uppercase letters

Fixed crash bugs

These bugs exist in release versions before 1.0.3

If the value_str attribute of the button is set or a configuration file containing this attribute is loaded, it will sometimes cause the program to crash.
If the current page contains a page switching event, and the target page of the page switching event is closed, exporting the code at this time will cause the program to crash.

Old Version

The changlog.md of the dev-v7 branch records all the new features

New Test Tool

[For Test]arm-none-linux-gnueabi-i686-mingw32-2014 on window https://github.com/mrQzs/CreateLvglLib/releases

Export LVGL Code Build

Need to select hierarchical export
The cc path of Makefile originally needed to be modified, but this time the path of armgcc was added to the environment variable

program: https://github.com/mrQzs/LCBuild

Create LVGL LIB

Select the output device and input device file of the corresponding platform
lv_drv_conf.h should also enable the corresponding input device and output device
Both lvgl and drive are the latest official v7 version

This project modified the source code of lvgl to achieve some functions (such as tabwidth adjustment), so the official lvgl can be replaced by the lvgl of this project.

program: https://github.com/mrQzs/CreateLvglLib

LVGL Simulator

program: https://github.com/mrQzs/Lvgl_Simulator

support msvc 32/64 and mingw 32/64
Put the code file generated by lvglbuilder in the testcode folder
Just load the source code and modify the resolution in the lvconf.h

LVGLBuilder

GUI Builder for littlevgl release 6.0+ written in C++ and using LVGL for preview of the created GUI and Qt for the higher-level user interface for drag and drop of widgets as well as editing of properties and styles.

Prerequisites

Qt 5.11+ - The Qt framework
C++11
LVGL 6.1 (included in source since a few adaptions are applied)

Tested:

Windows 10 + MSVC 2019 + Qt 5.15.1
Windows 10 + MinGW 8.1 + Qt 5.15.2
Ubuntu 18.04.4 + Qt 5.14.2
Ubuntu 20.04 + Qt 5.12.8

Build

Building with console:

Move to the cloned LVGLBuild directory
Run qmake LVGLBuilder.pro
For gcc (Mac/Linux): make
For mingw: mingw32-make
For windows: jom (make sure that jom.exe is in the environment path)

Building with QtCreator:

Download Qt from https://www.qt.io/download-open-source
Install Qt with QtCreator
Open the LVGLBuilder.pro file with QtCreator
Click build project
There are no special requironments, therefor it should build with QtCreator out of the box.

Usage

Create a new project and select the screen resolution
Simply drag and drop widgets from the list into the canvas
Widgets can be moved with the arrow keys or by dragging
Lock widgets to prevent editing (Unlock via right click context menu)
Drop a widget into another widget to set the parent
Save and load a project as json file using the menu or tool buttons
Mark widgets within the property editor as accessable via the c header
Export the project as c code using the menu (File -> Export -> C Project ...)

ToDo General

Wishlist

C code driver generator (Touch, Buttons, Displays for µC)

CURTLab/LVGLBuilder

CURTLab

Reviews

Repository Details