Create and Export Stunning UI with SquareLine Studio for ESP32 Display | LVGL Tutorial

แชร์
ฝัง
  • เผยแพร่เมื่อ 25 ก.ย. 2023
  • Whether you're a beginner or a seasoned designer, SquareLine Studio is a great tool to add to your arsenal. In this video, we will show you how to create and export stunning UI for the Elecrow ESP32 HMI Screen series using SquareLine Studio. After watching this video, you'll be ready to take your design skills to a whole new level!
    🔱 Special Note: This video is applicable to the 2.4” & 2.8“ & 3.5” screen sizes within the Elecrow ESP32 Screen series.
    Check Elecrow ESP32 HMI Display Series here 👇
    www.elecrow.com/esp32-display...
    Code Demo in video 👇
    github.com/Elecrow-RD/esp32-d...
    📌Let's subscribe and follow us to keep updated with the latest news and perks:
    Facebook: / elecrow.openhardware
    Twitter: / elecrow1
    Instagram: / elecrow_official
    Linkedin: / elecrow-limited
    Tiktok: / elecrow
    #ESP32 #SquareLineStudio #Elecrow #EdgeAI #LVGL #Arduino #display #monitor
  • วิทยาศาสตร์และเทคโนโลยี

ความคิดเห็น • 52

  • @kevinperillo
    @kevinperillo 7 หลายเดือนก่อน +19

    Please stop playing music in the background of the video. It's very annoying.

    • @Elecrow
      @Elecrow  7 หลายเดือนก่อน

      Thank you for your kind advice ❤❤

  • @miguelangelsanchezmares3261
    @miguelangelsanchezmares3261 6 หลายเดือนก่อน +3

    Wow !! your video is simply amazing, thanks for sharing your knowledge. Also, excellent audio. Follow with your great job.

    • @Elecrow
      @Elecrow  6 หลายเดือนก่อน

      Thank You😊😊

  • @spacehopper999
    @spacehopper999 6 หลายเดือนก่อน

    Thanks for this. I have finally got my board to work. There are a lot of steps but hopefully it will be easier next time for me.

    • @Elecrow
      @Elecrow  6 หลายเดือนก่อน

      Thank you for your support, we will actively consider and appreciate your kind advice. 😊😊

  • @Bianchi77
    @Bianchi77 หลายเดือนก่อน

    Creative video, thank you :)

  • @ltfleming1
    @ltfleming1 4 หลายเดือนก่อน

    Hi there, thanks for the excellent video explanation! I'm struggling with a few details that appear to be missing. Which libraries, and versions do we need to install into Arduino? Do we need 'esp32' from Expressif Systems? I'm getting an error regarding: resptool_py not found when using version 2.0.11 & 2.0.10.

    • @Elecrow
      @Elecrow  4 หลายเดือนก่อน

      Hi, you can find the tutorial you are looking for on this page. Thank you for your kind feedback: www.elecrow.com/wiki/index.php?title=ESP32_Display_5.0-inch_HMI_Arduino_Tutorial

  • @wkipo
    @wkipo 5 หลายเดือนก่อน

    Do you have any tutorial for an RGB ESP Terminal 3.5?

    • @Elecrow
      @Elecrow  5 หลายเดือนก่อน

      Hi, let's check it here 👇th-cam.com/video/ugoiicPM6U0/w-d-xo.htmlfeature=shared

  • @FranKOsperanza
    @FranKOsperanza 6 หลายเดือนก่อน

    Can i use a 3.5 screen shield ili9481?
    Good video

    • @Elecrow
      @Elecrow  6 หลายเดือนก่อน

      Hi, thank you for asking 👋 You need to change the corresponding screen driver when writing code ☺

  • @ricardogomes3873
    @ricardogomes3873 3 หลายเดือนก่อน

    Hi there, im trying to find a way of using esp32 and some kind of arduino board in order to share my phone into a display. My goal is to put the display in a car and have some kind of "android auto" sharing my phone into the display. Is that possible with this? Thanks!

    • @Elecrow
      @Elecrow  2 หลายเดือนก่อน

      This is a great idea. The simplest approach would be to have an app that sends data from a mobile phone to the board via WiFi. Once the board receives the data, it needs to decode it and display it. However, this method would only work for displaying the data. Finding a solution for the touch functionality might require further consideration.

  • @negrilamarius8977
    @negrilamarius8977 หลายเดือนก่อน

    I think is not working with esp32-2432S028,right?

  • @user-cl2ur3cq5z
    @user-cl2ur3cq5z 3 วันที่ผ่านมา

    Hi, I'm having trouble getting the touch function to work on my ESP32 with the ILI9341 2.4 inch TFT touch screen and my LVGL version is 8.3.11.

    • @Elecrow
      @Elecrow  3 วันที่ผ่านมา

      Hi, regarding your problem, could you send an email to techsupport@elecrow.com to get help.

    • @user-cl2ur3cq5z
      @user-cl2ur3cq5z 3 วันที่ผ่านมา +1

      @@Elecrow Noted. Thanks.

  • @mo-ez3ry
    @mo-ez3ry หลายเดือนก่อน

    hello sir, can i know the version of library tft espi u used?

    • @Elecrow
      @Elecrow  หลายเดือนก่อน

      Hello, I am using the 2.5.0 version of the TFT_eSPI library.

  • @mo-ez3ry
    @mo-ez3ry หลายเดือนก่อน

    can you make a tutorial how to control the relay using squareline studio? how to setup it? need to use event ?

    • @Elecrow
      @Elecrow  29 วันที่ผ่านมา

      Thank you for your kind feedback. our channel currently does not have any videos related to this content, we will consider it in the future.

  • @davidbassem2404
    @davidbassem2404 2 หลายเดือนก่อน

    can i use Atmega32 microcontroller instead of Arduino??

    • @Elecrow
      @Elecrow  2 หลายเดือนก่อน

      Hi, I apologize for any confusion. The products in this series are all equipped with the ESP32 chip, and the video showcases development using the Arduino IDE. However, it is worth noting that the Atmega32 chip can also be utilized as a controller for the screen.

  • @sebastianbaird4450
    @sebastianbaird4450 23 วันที่ผ่านมา

    I am having trouble getting the touch to work. if i insert some seperate code which tells me if the touch display is working and being touched, i can see everything works fine, but the lvgl ttouch handle function doesnt seem to be called. i tested this, and lvgl touch function has serial print (data), and data never gets printed, but my custom code gets detected. do i have to call the handle touch function seperately, or is the code just not working? have i missed something?

    • @Elecrow
      @Elecrow  22 วันที่ผ่านมา

      Hi, I would like to kindly suggest that you download our code and refer to the touch callback function section of LVGL. You need to establish a connection between your touch function and LVGL's touch callback function, otherwise your touch function will not work in LVGL.

    • @sebastianbaird4450
      @sebastianbaird4450 22 วันที่ผ่านมา

      @@Elecrow are there any changes that need to be made with your code, or is it ready to go? I have tried it, and it doesnt work. what change do i need to do?

    • @Elecrow
      @Elecrow  21 วันที่ผ่านมา

      @@sebastianbaird4450 Hi, which size of board are you using? You need to download the corresponding code based on the size of the board, and then modify it according to the description in the video.

    • @sebastianbaird4450
      @sebastianbaird4450 21 วันที่ผ่านมา

      @@Elecrowthanks for the reply! Both the use UI and Display35 are defined. Lvgl is using the correct touch function which is “lcd.getTouch( &TouchX, &TouchY)”.
      The only problem is that lvgls “my_touchpad_read” function doesn’t get called. It is defined there, but its not in the loop. The only thing in the main loop in lv_timer_handler (something like that), and i don’t know if that function uses the “my_touchpad_read” function…
      More specifically, do i need to make any changes to the main loop for the “my_touchpad_read” function to get called?

    • @Elecrow
      @Elecrow  20 วันที่ผ่านมา

      @@sebastianbaird4450 Please do not modify it. It is the touch callback function of LVGL. If you have read the code in this function, you will find that in this function, you need to interface the underlying touch function of the board with it, otherwise your touch in LVGL will be invalid.

  • @keithharding
    @keithharding 5 หลายเดือนก่อน

    The same links are no longer at the bottom of the page?

    • @Elecrow
      @Elecrow  5 หลายเดือนก่อน

      Hi, kindly check the links in this description of the video. 😊

  • @Makzimilien
    @Makzimilien 22 วันที่ผ่านมา

    Hi! I get the following error even if lvgl8.3.6 is installed
    In file included from c:\users\maxfa\onedrive\documents\arduino\libraries\lvgl\src/misc/lv_log.h:16,
    from c:\users\maxfa\onedrive\documents\arduino\libraries\lvgl\lvgl.h:25,
    from C:\Users\maxfa\OneDrive\Documents\Arduino\libraries\lvgl\src/lvgl.h:17,
    from C:\Users\maxfa\OneDrive\Bureau\2.4-2.8-3.5inch_Squareline_Demo\2.4-2.8-3.5inch_Squareline_Demo.ino:9:
    c:\users\maxfa\onedrive\documents\arduino\libraries\lvgl\src\lv_conf_internal.h:41:18: fatal error: ../../lv_conf.h: No such file or directory
    #include "../../lv_conf.h" /*Else assume lv_conf.h is next to the lvgl folder*/
    ^~~~~~~~~~~~~~~~~
    compilation terminated.
    exit status 1
    Compilation error: exit status 1

    • @Elecrow
      @Elecrow  22 วันที่ผ่านมา +1

      After installing the LVGL library, you need to rename the lv_conf_template.h file inside the LVGL library to the lv_conf.h file, and perform simple configuration on the LVGL library according to the official LVGL documentation. However, if you use our provided library, you do not have to do this. We have already configured it and packaged commonly used libraries together.
      LVGL configuration document: lvgl.io/docs/latest/en/html/get-started/arduino.html

  • @negrilamarius8977
    @negrilamarius8977 หลายเดือนก่อน

    Hello
    I followed the steps in the video and I get the error:#pragma message("Possible failure to include lv_conf.h

    • @Elecrow
      @Elecrow  หลายเดือนก่อน

      Hi, can you provide more specific error information for us to check?

  • @emilianorampazzi6206
    @emilianorampazzi6206 6 หลายเดือนก่อน

    Hi! I can't watch the video. Its appears damaged

    • @Elecrow
      @Elecrow  6 หลายเดือนก่อน

      Hello! We have verified that the video can be played without any problems. Is there anything else I can assist you with?

  • @negrilamarius8977
    @negrilamarius8977 หลายเดือนก่อน

    I have another error: ....2.4-2.8-3.5inch_Squareline_Demo\ui.c:26:6: error: #error "LV_COLOR_16_SWAP should be 0 to match SquareLine Studio's settings"
    #error "LV_COLOR_16_SWAP should be 0 to match SquareLine Studio's settings"

    • @Elecrow
      @Elecrow  หลายเดือนก่อน

      Hi, when creating the Squareline project, you should change the ColorDepth to 16 instead of 32.

  • @komattaa
    @komattaa 3 หลายเดือนก่อน

    LVGL ended its collaboration with SquareLine Studio.

  • @nazmicanerden3750
    @nazmicanerden3750 5 หลายเดือนก่อน

    5 İNCH RGB SCREEN TUTORİAL ?

    • @Elecrow
      @Elecrow  5 หลายเดือนก่อน

      Hi, let's check it here 👇th-cam.com/video/TcWvxw61U_w/w-d-xo.htmlfeature=shared

  • @dicocc1
    @dicocc1 3 หลายเดือนก่อน

    Troppo superficiale e non specifica alcuni passaggi, tipo il demo dove va trovato

    • @Elecrow
      @Elecrow  3 หลายเดือนก่อน

      Thank you for your inquiry. Please feel free to refer to the demo code provided in the description for further guidance. 😊😊

  • @marsim4150
    @marsim4150 6 หลายเดือนก่อน

    imressed subs are so tedious

  • @rimurutard5150
    @rimurutard5150 5 หลายเดือนก่อน

    how should i configurate my Esp32-c3 1,28inch with round display???????

    • @Elecrow
      @Elecrow  5 หลายเดือนก่อน

      Hi, thank you for asking, do you mean this screen? www.elecrow.com/1-28-inch-round-lcd-module-gc9a01-240x240-lcd-display.html
      Kindly check this link, it will be helpful for you 👇
      github.com/moononournation/Arduino_GFX