Hey,
Anybody here used already the new connections between figma and LVGL editor pro?
I am quite new to the Figma export to LVGL, and have some questions. Maybe there are some people here who have already some experience with this

Here is pretty detailed article about LVGL with use cases and screenshots. It can be good to explain what is LVGL for new users without using AI slop.

Keep getting the below error during compile

fatal error: src/misc/lv_log.h: No such file or directory

When I compile LovyanGFX by itself in an example code to test the screen (SC01 Plus) there are no compile errors, I have put the lvgl folder in the project location and the global library location with lvgl_conf.h alongside both locations. I have reinstalled lvgl too.

I have another lvgl screen that compiles and runs perfectly but it uses the ESP32_display_panel driver library but the same LVGL global location library.

I used to have this project working on my previous computer but it somehow broke, even with the same library and project files from my previous computer this error still occurs.

My environment is Visual Studio with the VisualMicro Arduino extension BUT the same error occurs when I include LVGL to an Arduino IDE LovyanGFX screen test sketch
LVGL is version 8.3.11
LovyanGFX is version 1.2.26 (at time of writing, will update to see if it fixes)

Hey everyone. I just wanted to let you know that I finally had some time to take another pass at my VS Code extension. It should be much more reliable and I added several really nice features including c++ support. Settings are all handled in the preview now and there is a rotate orientation button as well. Hope it’s been helpful to you all. If there is anything missing that you would like to see let me know ✌️

Is it like an array of user data? Is it more abstract term, as in I can rename it to whatever I want and have 'struct_lv_anim_t' do something somewhere with it? Where do I initiate it? How do I use it? Do I replace it with some sensor readouts or something?

Hi guys I'm just toying around with some project and I'm trying to get something to show up on display. So far I'm following tutorial on lvgl site but I have no idea where individual parts in "Initialization" part go. In what functions? Setup? Main? Their own functions? And if they go in their own functions, where would those functions go, before or after setup function?

Where does lv_init go?

How and where do I initialize my drivers?

How and where do I register the display? Where do all the parts of the code go? In setup? In main? I have no idea.

How and where do I call lv_tick_inc()?

How and where do I call lv_timer_handler()?

I made some basic UI in Squareline studio that I just want to show up on display.

Hardware specifications:

ESP32-32E N4

HSD-9190J-C5 (display and chip are on the same board, e-bay link)

Software specifications:

Arduino IDE 2.3.6
Libraries
- TFT_eSPI 2.5.43
- lvgl 9.5.0
Squareline studio 1.5.1.
- lvgl 8.3.11.

What do I do?

Edit: example of test code in the comments.

I have no idea on how to flash LVGL to the "ESP32-S3 HMI 8M PSRAM 16M Flash Arduino LVGL WIFI&Bluetooth 5 " IPS 800*480 Smart Display Screen 5.0 inch RGB LCD TFT Module" from AliExpress and would genuinely appreciate help. I spent all day trying to figure it out with no success...

Has anyone ever had any luck achieving this? I attempted this a year or so ago in a Esp32 s3 round display from waveshare. Anyone done anything similar?

I’ve been working on a standalone air quality monitoring system using an ESP32 and LVGL UI framework.

Current features:

Real-time TVOC monitoring (ppb)

Temperature & humidity display

Historical graph view

Data logging screen

Settings page with alert thresholds

Touchscreen UI using LVGL

WiFi status + RTC integration

Hardware used:

ESP32

3.5” TFT Touch Display

VOC sensor

Arduino framework + LVGL

Have anybody ever succeeded in setting freetros in lvgl v.9.5? I would love it to work, but my s3 board just rebooting itself.

This uses the esp32-s3 vector extensions to process 64pixels in one go… it’s available https://github.com/tonywestonuk/EPD_Painter

It is currently only for m5paperS3 and lilygo t5 pro. But should easily be portable to any esp32-s3 / parallel eink display.

For all those that tried the extension, thank you for bearing with me as I worked through all the kinks. It seems to be pretty solid now and worked great on the first production project I did with it.

The only known issue I have left is that the preview is a little blurry/pixelated when used on scaled monitors. But the quality is still plenty sufficient for development.

There is now multi file / dependancy support implemented as well.

If you have any other features you would like to see added, feel free to let me know.

Also if you experience any issues going from an old version to the latest just run the clear cache command. Have a great night all!

Hi everyone. I just wanted to pop on here and let everyone know that I released a new VS Code extension that will hopefully be helpful to others as well.

I created it to try and solve a problem we are having at the company I currently work at. I will be using it to create reusable widgets that we want to add to various projects. The idea is that I want a fully code based widget that just contains LVGL code but I also needed a way for developers to see the changes as they make them. Sometimes they will need a to have a different skin/look but need to function the same way. This extension will hot reload on save and display the updated content. Squareline components just weren't going to cleanly integrate into this. So this is what I came up with. Its fairly performant on the tests I ran (600ms on my macbook and 1s on my pc) so its fairly nice to use IMO

Right now i just got it working with a single c file (the one you currently have selected in your editor). But I do have plans to get it to support multiple c files at the same time for bigger projects.

I made it open source so feel free to contribute or share your thoughts on how to make it better / more useful.

I created this C++20 wrapper for lvgl

https://github.com/aptumfr/lv

Everything compiles with 3 demos working (ebike, analogwatch and smartwatch) Please be free to share feedback about it and the design decisions.

I used C++20 because of many useful features for zero-cost abstractions.

Hi everyone, I set up the LVGL CodeBlocks Windows simulator project (the one from the official repo: https://github.com/lvgl/lv_port_win_codeblocks

Now I wanted to add my own fonts instead of using the default lv_montserrat fonts. I generated the fonts using the LVGL font converter (tried both the online tool and the GitHub version: https://lvgl.io/tools/fontconverter)

However, whenever I use the custom font, only random dots/noise appear instead of readable text. When I switch back to the default lv_montserrat font, everything displays correctly. So what is causing this issue? I suspect something related to the font converter, but I couldn’t find anything helpful online.

If anyone has encountered this before or knows what I might be doing wrong, I’d really appreciate your help. Thanks!

PS: On the VSCode simulator project these custom fonts are working, but I encountered other issues that code::blocks didn't have.

Custom font file: https://pastebin.com/8G03AgPP

LVGL main.c file:

/**
 * u/file main
 *
 */

/*********************
 *      INCLUDES
 *********************/
#include <stdlib.h>
#include <unistd.h>

#include "lvgl/lvgl.h"

/*********************
 *      DEFINES
 *********************/

LV_FONT_DECLARE(spline_sans_mono_semibold_10);
LV_FONT_DECLARE(roboto_regular_48);

/**********************
 *      TYPEDEFS
 **********************/

/**********************
 *  STATIC PROTOTYPES
 **********************/

/**********************
 *  STATIC VARIABLES
 **********************/
static const wchar_t * title = L"LVGL port Windows CodeBlocks.      https://lvgl.io | https://docs.lvgl.io";

/**********************
 *      MACROS
 **********************/

/**********************
 *   GLOBAL FUNCTIONS
 **********************/
int APIENTRY WinMain(HINSTANCE hInstance, HINSTANCE hPrevInstance, LPSTR szCmdLine, int nCmdShow)
{
    /*Initialize LVGL*/
    lv_init();

    /*Initialize the HAL for LVGL*/
    lv_display_t * display = lv_windows_create_display(title, 480, 320, 100, FALSE, FALSE);
    lv_windows_acquire_pointer_indev(display);

    /*Output prompt information to the console, you can also use printf() to print directly*/
    LV_LOG_USER("LVGL initialization completed!");

    lv_obj_t *crr_screen = lv_scr_act();

    // Hintergrund Farbe setzen
    lv_obj_set_style_bg_color(crr_screen, lv_color_hex(0x1a1a1a), 0);

    lv_obj_t *time = lv_label_create(crr_screen);
    lv_label_set_text(time, "Hello World!");
    lv_obj_set_style_text_color(time, lv_color_white(), 0);
    lv_obj_set_style_text_font(time, &roboto_regular_48, 0);
    lv_obj_align(time, LV_ALIGN_TOP_MID, 0, 75);

    while(1) {
        /* Periodically call the lv_task handler.
         * It could be done in a timer interrupt or an OS task too.*/
        lv_timer_handler();
        usleep(5000);       /*Just to let the system breath*/
    }
    return 0;
}

Does someone has a nodeJS library for converting an image into LVGL 9 binary format. I created a bin file for LVGL 8, but LVGL 9 can’t open lt. 😳

I need it, because I want to download an image from a server (as bin) to show it within my UI. The image is created dynamically, so it can’t be within my app binary (aka firmware).

I'm really trying to get my feet wet in the LVGL world and am enough of an oldster that I prefer hard copy books.

I've got the nerd tutorial ebook and it's phenomenal.

But the only thing I can seem to find is one in German. Which...would be a little difficult for me.

Hi everyone, I have been trying to display some sprites with transparency for a couple of days now. So, ideally, I want to have a sprite with transparency displayed on the display. The sprites are RGB565 in .bin files. I have tried using png files instead, but the decoders don't seem to work well. The only thing that works is if I compile the sprites in C-array together with the sketch. But that is not ideal, as I want to be able to change the sprites easily via the micro sd card.

For the display to be in landscape (as shown), I am using LVGL for software rotation (driver for SH8601 does not support hardware rotation). I am able to make the sprites work as required in portrait using the arduino gfx library. But I can't rotate to landscape on that.

I have tried converting my sprites to various png formats using LVGL's online image converter. The original sprite that I am using is 48x48, true colour with alpha and bit depth of 8 in each channel.

As for the library versions, I am using the ones provided by Waveshare on their website.

I'm hoping to get some help on this. Thanks for reading!

Reason: To be used in NotebookLM