LVGL Tutorial with ESP32, Creating Stunning UI: A Step-by-Step Guide

Поділитися
Вставка
  • Опубліковано 9 бер 2024
  • Here we will go over how to draw the screen using LVGL, one by one, from the beginning. This lets you decide on the screen you want and then know what to do next. I also think it is essential for beginners as it includes how to place widgets and create and apply styles.
    [Source Code]
    github.com/0015/ThatProject/t...
    [LVGL 9, [Ep. 07] My Air Quality Sensor, How to update the screen with data obtained from sensors.]
    • LVGL Tutorial with ESP...
    [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
    #LVGL #UI #LVGLTutorial #ThatProject
  • Наука та технологія

КОМЕНТАРІ • 15

  • @TT-it9gg
    @TT-it9gg 3 місяці тому +5

    Nice video. Thanks for sharing!~

  • @user-pd3wb3rc3z
    @user-pd3wb3rc3z 22 дні тому

    THANK YOU! This video, maybe, most of understanding for me, about create UI on LVGL. 👍

  • @rdyer8764
    @rdyer8764 3 місяці тому +2

    Like many of your videos, this one is filed away to use when I have an ESP32 project needing it. Your videos are really well done with good content. Thanks again!

  • @7zzZKnightZzz7
    @7zzZKnightZzz7 3 місяці тому +1

    Very good demo - thank you so much. You present awesome projects.

  • @user-go9sn7dm4w
    @user-go9sn7dm4w 18 днів тому

    Very impressive videos, keep on making content like this. Very helpful & thanks a lot !!!

  • @pataone5300
    @pataone5300 3 місяці тому

    Greeting from France ! Very nice tutorial, I can't wait to see next episode !

  • @FrankP83
    @FrankP83 3 місяці тому

    Thanks man!Maybe thanks to your tutorials i will re-re-start again my project with LVGL!

  • @arash5094
    @arash5094 2 місяці тому +1

    please make a full tutorial playlist for lvgl 9 and continue thanks

  • @arash5094
    @arash5094 2 місяці тому

    awesome you're gret man you know
    a nice man with sweet accent

  • @MrLeafser
    @MrLeafser 3 місяці тому

    What display are you using? Where is the best place to look for such displays that are compatible with standrad MCUs and don't require external driver?

    • @ThatProject
      @ThatProject  3 місяці тому

      Well. No matter what display you use, you will need GFX. Products such as ESP32-S3-BOX-3 are official Espressif products, so please refer to these products.

  • @MataVagosHacktom
    @MataVagosHacktom 3 місяці тому

    Hello, I found your channel and wow, I'm trying to make a project with lvgl, but I have a problem, I hope you can help me, I really don't know how to make it work, my problem is loading images in .bin format (created from the online lvgl converter) from a micro SD, can you help me with a video explaining it please, I hope you can help me, thanks for reading me

    • @ThatProject
      @ThatProject  3 місяці тому +1

      When you change an image using online image converter v9, it is usually converted to a .c file. Did you use a previous version of the image converter that you obtained in the bin format?
      Normally, you can put files in common image formats such as jpeg or png on the SD card and read them in LVGL, but this requires sufficient memory. Anyway, I'm going to make a tutorial on reading images from an SD card, but maybe a little later. Because I need to look more into this in LVGL9.

    • @MataVagosHacktom
      @MataVagosHacktom 3 місяці тому

      Greetings, thank you for responding, if I am using version 8 (under the convert button the page sends you to its official converter), I had not noticed that for version 9, it no longer uses bin files, well I hope you can help me, thanks for the time to teach us@@ThatProject