How to make a GUI for ESP32 7 inch Display from Waveshare with Squareline Studio and LVGL

Поділитися
Вставка
  • Опубліковано 1 січ 2025

КОМЕНТАРІ • 70

  • @embedengineer
    @embedengineer  Місяць тому +2

    hi, i made a video for those who want to know how to install the ESPRESSIF IDE -> ua-cam.com/video/726Hj0VDrk8/v-deo.html

  • @PietervandenBroek-e2x
    @PietervandenBroek-e2x 2 місяці тому +7

    You did what Waveshare should have done! Excellent tutorial!

  • @PE-Grenier
    @PE-Grenier 29 днів тому +3

    C'est impressionnant , tout a fonctionner de mon coté en suivant votre vidéo. Un gros merci.

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

    Thank you!! Fantastic tutorial got it up and running in no time. You're a legend.

  • @ludovicdestrebecq6417
    @ludovicdestrebecq6417 Місяць тому +1

    Amazing job Bro! It looks so simple with your explanations

  • @alexisolivan7712
    @alexisolivan7712 5 місяців тому +3

    Thank you for this very valuable video that has helped me a lot in advancing my project. Keep up the good work. Thank you.

  • @Waveshare_Ruan
    @Waveshare_Ruan 4 місяці тому +3

    I believe this video is very helpful for the ESP32 GUI project and is also beneficial for Waveshare's ESP32 7-inch users. It's impressive to see a creator like you put so much effort into making this video. Waveshare should offer you the best product discounts. If you have any ideas about incorporating other new Waveshare products in your future videos, I will definitely provide you with price support!

    • @embedengineer
      @embedengineer  4 місяці тому

      Thank you very much for the kind words and the offer. I will come back to the offer as soon as I need something for my next projects!

    • @Waveshare_Ruan
      @Waveshare_Ruan 4 місяці тому +1

      @@embedengineer Fine,You can contact me anytime, anywhere.

  • @LiamHorsfield-m8s
    @LiamHorsfield-m8s 25 днів тому +1

    Massively appreciate this video - there's not many resources on this setup. I have created my GUI in Squareline, imported it into Espressif IDE and built successfully. It then ran to the board successfully but I now just have a blank black screen. I am getting a response in the Terminal stating "Hello World" so it must have transferred correctly as I can see in Main.c that that is what its meant to do.

  • @midou_mc
    @midou_mc 18 днів тому +1

    thank you so much !

  • @jjsoberanes-1
    @jjsoberanes-1 4 місяці тому +2

    Excelente, gracias por el tutorial, me funcionó a la perfección!

  • @joseandrespereztalamantes5643
    @joseandrespereztalamantes5643 Місяць тому +1

    Muchas gracias, dure un dia entero queriendo cargar interfaz

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

    Can you please explain how to change label text or action to push button in Espressif IDE? Some basics. Thank you

  • @Gdenich
    @Gdenich Місяць тому +2

    Thank you for the video and Squareline studio files, I managed to make the project successfully for the 4.3B version of Waveshare ESP32 LCD. One question, that I am struggling at the moment: did you manage to rotate the screen from landscape to portrait orientation? Changing rotation in Squareline Studio does not help, and changing the resolution in main.c through "#define EXAMPLE_LCD_H_RES" & "#define EXAMPLE_LCD_V_RES" just gives flickering screen with lines and inverted colors.

    • @embedengineer
      @embedengineer  Місяць тому

      Can you pls open an issue on GitHub ?

  • @22721854
    @22721854 8 днів тому

    Hello, Can you make a video that show how to connect through UART interface with this LCD?\Thanks,

  • @anshulchawla1347
    @anshulchawla1347 4 місяці тому +3

    Hello, can you make a video showing how to use the esp to update values on screen, maybe using the onscreen slider

    • @embedengineer
      @embedengineer  4 місяці тому +1

      I'll try to finish a video about it this week

    • @anshulchawla1347
      @anshulchawla1347 4 місяці тому

      @@embedengineer I've been stuck on this for a bit, that will help a lot, thanks so much

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

      I'm also looking forward to know this. Are there any updates about this?

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

    Now i am trying to decide what to buy and you really helped a looot.
    So i can use this one with adafruit I2C sensors and also make a complex project?

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

      I2C is a standard and is supported by the display (ESP32S3) so you can do more complex things with it

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

    Thanks a lot bro.
    how to get data from external MC to display and vice versa?
    some example with button, led and external MC would be helpful withit.

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

      I make a video about it, but it is taking some time

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

      @@embedengineer great thanks

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

    Great tutorial, after spend many hours with Arduino IDE, your metod works very well. Waiting for next videos.
    But i have question, i saw that after adding some images to LVGL the ESP IDE shows that bin file is too large. Does the ext flash memeory and psram are used while compiling?

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

      About my question, i sovle it. Read about creating custom partition on csv file. This is information for other people :)

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

    good video but could you tell me how you managed to get an image to display (Your short) i've managed to load a project onto my display as shown here but as soon as i try to upload any images, i only get a black screen...

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

      I had that problem too, you only can do small pictures. It's trial and error

  • @Gdenich
    @Gdenich Місяць тому +1

    I have managed to rotate the screen by copying several files from default "08_lvgl_Porting" example folder (waveshare_rgb_lcd_port.h, waveshare_rgb_lcd_port.c, lvgl_port.h, lvgl_port.c and sdkconfig) to the exported Sqareline studio template folder, I have changed the rotation to 90 grades in the sdkconfig, and it works.
    There is still one question: do have any shadow-like artifacts on the imported png files? They are seen on dark background, and also seen on Sqareline Studio stock buttons with shadows (glow) effect, or when just pressing the button. On PNG images the shadow artifacts are constant.
    It is interesting, that these shadow artifacts are in one direction only, in landscape orientation they are on the right of the images, and in portrait orientation they are below the images. Can not understand, what can be the reason.

    • @embedengineer
      @embedengineer  Місяць тому +1

      I had the same problem when using the Arduino IDE when I uploaded it with the eclips ide it worked

    • @Gdenich
      @Gdenich Місяць тому +1

      @embedengineer I am using ESP-IDF in Visual Studio now, and still have this artifacts, but i will try clear ESP-IDF with Eclypse based on your files.

  • @terlumunjoseph6779
    @terlumunjoseph6779 Місяць тому +1

    please use open source software like eez studio

  • @milosradovic3387
    @milosradovic3387 Місяць тому +2

    I did everything, everything passed and the code was recorded without problems, but it's just a black screen, no apps

    • @embedengineer
      @embedengineer  Місяць тому

      Maybe something wrong with the square line instance ?

    • @embedengineer
      @embedengineer  Місяць тому

      Open an issue on GitHub pls than I can look it up !

  • @Printer-CR
    @Printer-CR 3 місяці тому +1

    can i use these same settings for waveshare lcd 4.3?

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

      @embeddedengineer I also have the 4.3 it's same hardware as 7inch.... Will this work

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

      I look that up!

    • @user-or4ny1tu1r
      @user-or4ny1tu1r 2 місяці тому

      did you figure it out? I have the same model and this is the only driver I could find

    • @user-or4ny1tu1r
      @user-or4ny1tu1r 2 місяці тому

      @@embedengineer pls let us know if it works

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

      @@user-or4ny1tu1r Yes it worked for me! Thanks for the great guide @lucasEmbedded !

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

    Really appreciate the walkthrough! Very clear. I've been wrestling with getting this display to work with Arduino IDE. Have you tried this? I can't seem to find any help and the waveshare wiki walkthrough simply does not work.

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

      Yes, I did that. I just had a lot of problems with the Arduino IDE: coil whine, long compile and bad config with the drivers

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

      @@embedengineer You got a suggestion for a lcd which is easier to get working with ArduinoIDE? Crowpanel perhaps?

  • @joseandrespereztalamantes5643
    @joseandrespereztalamantes5643 Місяць тому +1

    Una duda, sabes como detectar el botton, tengo conocido de que el botton es ui_button2 pero no se como detectarlo, no me se las funciones, solo quisiera tocar el boton y mostrar un log de que se pico

    • @embedengineer
      @embedengineer  Місяць тому

      Estoy haciendo un vídeo al respecto. Pronto estará en línea PD: Google traducido

  • @SinuheZubieta
    @SinuheZubieta 4 місяці тому +2

    What expressif idf do you use? Do you try arduino? I try lvgl_Porting example but don't work fine screen have weird behavior (images cuts and misplaced)

    • @embedengineer
      @embedengineer  4 місяці тому +2

      This is why I use the original IDE and idf from espressif. I got weird artifacts and coil whine with the arduino IDE. Trust me it is better to learn and use the IDE from espressif. I make a video this week about a little project with the IDE and this display.

    • @SinuheZubieta
      @SinuheZubieta 4 місяці тому

      @@embedengineer It's possible you make video how to install espressid IDE or a link I can't find the one you use in your video, thanks

    • @budsakorn3049
      @budsakorn3049 4 місяці тому

      How did you solve this problem in the Arduino IDE?

  • @budsakorn3049
    @budsakorn3049 4 місяці тому +1

    In the Arduino IDE settings, how should I set up the libraries I'm using? Because right now I'm encountering an issue where the image cuts off by itself. Thank you in advance.

    • @embedengineer
      @embedengineer  4 місяці тому +1

      I had many faults with the Arduino IDE that’s why I don’t use it for this display

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

      @@embedengineer What did you try with Arduino IDE? I get it running, runs now the same project i had on my elecrow 7 inch, but the waveshare is so slow, i get 4fps where i get 150 with the elecrow. Did you figure out saomething new with arduino? I cant find a correct esp panel and settings file. Also i have these weird screen drifting errors. Dont know how they cann sell this without the settings files to match the hardware. :(

  • @gabrywbr99
    @gabrywbr99 4 місяці тому +1

    Hi!
    I would like to ask you why in my square line studio boards folder I don't have any espressif folder where I can insert the waveshare screen driver.
    Can someone help me? Thanks a lot.

    • @embedengineer
      @embedengineer  4 місяці тому

      Then you are in the wrong folder! There are two folder watch under user, not under the Program folder.

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

    I have a question about the driver. Did you create it? Or where does it come from?

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

      Hi the driver itself comes from Espressif and I then modified it for squareline

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

    I can build the project without errors but can’t seem to load the the display? Do I need to hold boot button or something?

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

      I didn't have to press any buttons. Make sure Squarline's project isn't too big

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

      @@embedengineer ok I just kept getting ‘No such option: -p’

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

      Also on the colour depth should it be 32 or 16 for this panel

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

      Maybe you have a gap in the path to workspace

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

    How easy would it be to communicate the touch screen inputs to a mega 2560 controlling a bunch of motors??

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

      Not that hard you just need to communicate over a bus like i2c or spi from the esp to the Arduino. Just have in mind that i2c is not that fast! But there are plenty of videos about that topic