LVGL 9, [Ep. 01], From Scratch to Benchmark, For newbie/beginner/starter

LVGL is a great graphics tool. In particular, it can provide users with excellent graphical UI/UX even in low-power embedded environments with insufficient resources.
In this video, we will take a look at the newly released LVGL 9 from scratch to benchmark. I think this will be of great help to those just starting. If you don't need this part, please check out the next project video.
[Source Code]
github.com/0015/ThatProject/t...
[LVGL 9, [Ep. 06] My Air Quality Sensor, Draw IKEA UI]
• My Air Quality Sensor,...
[LVGL 9, [Ep. 05] Custom fonts are essential in GUI!]
• LVGL Tutorial with ESP...
[LVGL 9, [Ep. 04] Creating Interactive UI/UX Screens with LVGL 9 on ESP32: Implementing On-Screen Keyboard]
• LVGL Tutorial with ESP...
[LVGL 9, [Ep. 03] Creating Stunning UI on ESP32 with LVGL: A Step-by-Step Guide]
• LVGL Tutorial with ESP...
[LVGL 9, [Ep. 02], Examples, We can understand better and faster through LVGL Examples]
• LVGL Tutorial with ESP...
[LVGL 9, [Ep. 01], From Scratch to Benchmark, For newbie/beginner/starter]
• LVGL 9, [Ep. 01], From...
[LVGL Projects]
• ESP32 + LVGL Projects
[ESP32-S3-DevKitC-1-N8R8 Development Board]
amzn.to/3Smt1Gh
#LVGL9 #UI #Embedded #Benchmark #ESP32 #ThatProject

[@RWB123]

Thanks bro! This helped me get the Demo Benchmark running after tons of trouble getting my particular display integrated into LVGL. Being able to watch how to setup the folders made all the difference.

[@nischal_poudel]

Thank you very much for the detailes tutorial, got the hardwares, will be looking more into this LVGL

[@thecircuithelper]

Great video, very clear! Thanks!

[@r.faj.5636]

FINALLY!!!!!!!!!!!!! I got LVGL working 🥳. Bro this is the 4th time I have tried getting this library to work. I really did not want to port this other GUI library that I use on desktop... thanks for the helpful tutorial :D

[@surflaweb]

Good job. Keep it up!

[@ugetridofit]

Thank you for the video!

[@gmnakamura6380]

Thank you your advice about XPT2046😄

[@user-go9sn7dm4w]

Great videos!!

[@user-bb3ib9zn2d]

Very helpful!

[@arash5094]

thanks a lot for you best and first lvgl 9 video tutorial . please make a full tutorial for lvgl from beginners to pro level in a playlist because the lvgl 8 is much diffrent than lvgl 9

[@WESCLEYEMANUEL]

Ganhou um inscrito! Continue falando nesse tom e velocidade de voz, o KZbin traduz bem assim para o português do Brasil. Grato, está me ajudando muito. Por aqui é bem difícil ter conteúdos desse tipo.

[@andrisetianabrata]

Heyy. I hope you make some tutorial with lvgl and physical buttons like a external push button. Im confused about make some group

[@ThatProject]

This is an example of using lv_group_create() when using a rotator on a device without a touch screen. It is built on top of LVGL 8, so it may differ from LVGL 9. github.com/0015/ThatProject/blob/master/ESP32_LVGL/LVGL8/ZX2D10GE01R-V4848_Arduino/ZX2D10GE01R-V4848_Arduino.ino

[@andrisetianabrata]

​@@ThatProjectIs the output of int16_t `cont_now = mt8901_get_count();` valued at -1 ccw, 0 stationary, 1 CW?

[@ThatProject]

@@andrisetianabrata I believe that's correct.

[@FrankP83]

ciao!Any chance to have same tutorial for using LVGL with the LovyanGFX lib? I've the Makerfabs ESP32S335D display, with same your touch driver, the FT6236, with LovyangGFX, is already included i suppouse. Thanks in advance for your effort!

[@ThatProject]

I'll probably cover LovyanGFX later too. Thanks.

[@francescoserpetti6119]

Thank you very much for your intro. I’m working with an ESP32 with Arduino framework. I’ve already used previous versions of LVGL implementing my disp_flush and touch_read callback functions. With latest version of LVGL I can enable LV_USE_TFT_ESPI define and I saw from code that with lv_tft_espi_create function it creates automatically the flush callback. But what about the touch callback (compatible with TFT_eSPI)? I don’t have found any reference in LVGL code. Do I need to implement it? How can I get the TFT_eSPI reference (created in function lv_tft_espi_create) to define the touch_cb in my main, to avoid a new instance? or is better that I define it in lv_tft_espi.cpp file of LVGL? or, maybe, I’m on the wrong way… I would like to find the best practice. Thanks in advance

[@ThatProject]

I think you are already familiar with using TFT_eSPI. And I think you are trying to use your xpt2046 touch. Am I right? If you specified TOUCH_CS PIN in User_Setup.h, you can receive touch information through TFT_eSPI. Looking at this example: github.com/0015/ThatProject/blob/master/ESP32_LVGL/LVGL9/LVGL9_Ep04_ExtraExample/LVGL9_Ep04_ExtraExample.ino Line #31, TFT_eSPI tft = TFT_eSPI(); tft is now available. With this, I rotated the screen. Now all you have to do is change my_touchpad_read() like this: void my_touchpad_read(lv_indev_drv_t *indev_driver, lv_indev_data_t *data) { uint16_t x = 0, y = 0; bool pressed = tft.getTouch(&x, &y); if (pressed) { data->state = LV_INDEV_STATE_PR; data->point.x = x; data->point.y = y; } else { data->state = LV_INDEV_STATE_REL; } }

[@francescoserpetti6119]

​@@ThatProject Thank you very much for your answer. Yes, I vas used to do like your example, but now, with lv_tft_espi_create LVGL instantiate a TFT_eSPI object and I think that is a bad idea create a new SPI concurrent object. Probabily I need to do the same inside lv_tft_espi.cpp file, using the same object created in lv_tft_espi_create function

[@ThatProject]

@@francescoserpetti6119 When creating a TFT_eSPI object in LVGL, use the "new" keyword. Then, assign this object to the TFT_eSPI pointer of the lv_tft_espi_t structure. Unfortunately, because lv_tft_espi_t is internal, there is currently no way to obtain this object via lv_display_get_driver_data(). It would be possible to change this struct in lvgl so that it can be used externally in the future, but there seems to be no way to reference this in the current version 9.1.0.

[@francescoserpetti6119]

@@ThatProject And that's exactly my problem. I've to instantiate a new TFT_eSPI but it could create a confict with the object created internally by LVGL sharing the same SPI. Probably I've to extract only the touch driver from TFT_eSPI library and instantiate it in main.

[@Kevin-sx6we]

What software do you recommend for creating UI/UX? How about SquareLine Studio?

[@ThatProject]

SquareLine Studio is LVGL's official UI making tool. This is really cool and can help you create awesome displays. kzbin.info/www/bejne/mJCXnmR3aKZlr9ksi=fI9cxdo4M5Jy4aOh

[@FrankP83]

@@ThatProject any free alternative? Squareline is not free for a complex project :(

[@ThatProject]

@@FrankP83 I agree. It is too expensive for commercial use. So, in this tutorial series, we will only work with LVGL. There doesn't seem to be a good UI Editor that can replace Squareline Studio yet.

[@sniperchan7545]

Good job. Thank you very much . My screen is ST7701s, how to make ST7701s work in TFP_eSPI?Can you give me some help?

[@ThatProject]

Have you properly set the pinout connected to your display in TFT_eSPI/User_Setup.h? What part are you asking me about?

[@saulh.Barajas2025]

I jave issues with WT32sc-01 coud you share the configuration for it?

[@ThatProject]

This is the LovyanGFX settings for WT32-SC01 Plus used in LVGL 8. Please refer to this and try it first. I'll probably use the WT32-SC01 Plus in my next project. github.com/0015/ThatProject/blob/master/ESP32_LVGL/LVGL8_SquareLine/03_Let's_build_a_GPS_Speedometer/SC01Plus_BN880Q_GPS_App_Part2/SC01Plus_BN880Q_GPS_App_Part2.ino

[@zekisolak4141]

Hi thanks for the tutorial. I have a crash issue though. I checked with tft_eSPI. board and screen works great. but when I try to compile lvgl demo, IDE crashes after sometime (1-2 mins ) giving ping error without a valid compile. Did you have this kind of error before?

[@ThatProject]

I've experienced that kind of error. Seems like your IDE is out of memory or has some issues with it. What about changing the IDE version? Try the latest version or the previous version.

[@zekisolak4141]

@@ThatProject I've installed latest nighty version which is the one error occurred. I've reduced the version to 1.8 now it kind of works. Compile time is ridiculously long some how.

[@ThatProject]

@@zekisolak4141 Because there are so many widgets included in the benchmark, it takes a lot of time to compile.

[@tariceanuadrianalexandru3130]

Is there any chance for you to make a tutorial for lvgl and lottie?

[@ThatProject]

Yes, it is currently being prepared.

[@peeyushdadwal]

Hi, how can we add lvgl examples to our project?

[@ThatProject]

After moving the Example folder to the src folder, you can run the example through #include .

[@cmtg4471]

Hi I have some problem setting up my LCD for LVGL, can you create a video about it? Here are the details for my board: - ESP32-S3 - 4.3" - ILI9485 - Not Touchscreen - Board: ESP32-4827S043 (seen ok the back of the LCD board) Additional info: -As per checking it uses a RGB interface which is sadly not supported by tft_espi library

[@ThatProject]

If TFT_eSPI is not supported, LovyanGFX or ArduinoGFX will definitely work. I hope you give this a try.

[@cmtg4471]

@@ThatProject Do you have any tutorials for lovyan gfx? I searched the net if they supported it, but I cannot find any, I would love to make the lovyan gfx work on my display since it offers sprites.

[@ThatProject]

@@cmtg4471 Sorry, I don't have any direct tutorial videos for it. This is the official document. Check this out. lovyangfx.readthedocs.io/en/master/

[@omraniachref9062]

Does it work with esp32 t display? Not the S3

[@ThatProject]

This is possible if TFT_eSPI supports ST7789V. Have you checked?

[@omraniachref9062]

@@ThatProject well inside the user_setup.h there is st7789 so i think it's possible

[@nperr]

Can you port it for idf framework?

[@ThatProject]

I will try this in an IDF environment later as well.

[@thexht7927]

Why it uses 0% CPU?

[@ThatProject]

When in Idle, CPU usage is 0%.

[@thexht7927]

@@ThatProject but I see the screen is still loading? Completely DMA?

[@ThatProject]

@@thexht7927 Because of the use of DMA, it seems that the CPU is not used at all when drawing the screen. Let me check this part again. Thanks for the good point.

[@filipesigrist9252]

Hello, I have an error when compiling the program, I have already tested several things, but without success, could you help me, it is related to LVGL. error : In file included from c:\users\fi\onedrive\documentos\arduino\libraries\lvgl\src/lv_init.h:17, from c:\users\fi\onedrive\documentos\arduino\libraries\lvgl\lvgl.h:24, from C:\Users\fi\OneDrive\Documents\Arduino\libraries\lvgl\src/lvgl.h:16, from C:\Users\Filol\Downloads\LVGL9_Benchmark_TFT-eSPI_Arduino\LVGL9_Benchmark_TFT-eSPI_Arduino.ino:15: c:\users\fi\onedrive\documentos\arduino\libraries\lvgl\src/lv_conf_internal.h:59:18: fatal error: ../../lv_conf.h: No such file or directory #include "../../lv_conf.h" /*Else assumes lv_conf.h is next to the lvgl folder*/ ^~~~~~~~~~~~~~~~~~~ compilation terminated. exit status 1 Compilation error: exit status 1

[@ThatProject]

Isn't this a path issue in the lv_conf.h file? Have you set it up the same as this? kzbin.info/www/bejne/qWXCl4itndxgmqssi=SRirLJ5ufCCtRfj_&t=356

[@filipesigrist9252]

I had copied the file to the scr folder, but for some reason there must have been a problem and when I copied the file again, it ended up working. But now I'm having problems with the Touch screen that doesn't want to work. Thank you very much for responding@@ThatProject​

[@ThatProject]

@@filipesigrist9252 Touch input requires an appropriate touch driver. What type of touch IC do you have?

[@BeeStone-op1nc]

Thank you! I sent a dm to you on ig