Thanks for saying that. It means a lot :) Glad it helped. I absolutely know what you mean. It took me quite a while to figure this out because noone gave a proper explanation 😄
Thank you! Of all the vids I watched & forum posts read, your vid was the only one that made any sense of how Squareline works - specifically it's bizzare template saving BS. That was the worst part, but with your template in place it all clicked. Nobody else wanted to share their files. I specifically used an ESP32-C3 and configured it to use pin 4 for SCLK, 5 for DC, 6 for MOSI, 7 for CS, 10 for RST, then 0 & 10 for I2C's SDA & SCL.
I‘m glad it helped! I know exactly what you mean 😄 I spent a lot of time on trying to figure out how everything works, because no one shared all necessary information. I was so frustrated by that, that once I made it work, I decided to do a tutorial on it 😄
I haven’t tried doing more advanced stuff with squareline studio, as it does feel really janky and unfinished in my opinion, but I found it to be a shortcut for small projects. Would love to see the results if you try!
More tutorials? :) Initially I wasn’t going to, but seeing the response to this one kinda changed my mind 😂 I am currently working on one about rotary (ring) encoders, because there seems to be little to no resources about that. Maybe also a showcase on how to use them together with these round displays, as they go great together. Is there anything specific you would like to see? :)
It should be very analogue with other tft displays, if you just follow the steps I outlined with this one. I don't really want to make another video about more or less the same topic 😅 Also the one I am using is about 7€😁 If you have problems feel free to ask though :) Maybe I will also create a discord server for stuff like this in the future 🤔
I think that might be an issue on your side 🤔 I just double checked on my PC and smartphone and its quite loud on both devices. Thank you for the suggestion anyways :)
Do you mean the volume on the video in total is low? Could you check with one of my other videos if the problem persists there as well? If thats no trouble for you of course.
I just went through all this. It's worth mentioning that pretty much all of the other guides and example code only seem to work with v8. I could not get the newer v9 to work at all
@@PhilippThalhammer Yes, but by default I used the latest version of the Arduino Library which uses very different code and will not compile. I could not find any guides for a v9.
@@PhilippThalhammer LVGL - When you create a new project in Squareline and select Arduino project, it defaults to V9. So I installed LVGL v9 library in Arduino but there are vast differences between the code for v8 and v9
There seems to be support for micropython within Squareline Studio, however I am not sure how everything works exactly. I have only tried out Arduino so far 🤔 Glad you like the video :)
I see that you added a potensiometer to interact with UI but I didn't see you defining the pin in the code, you wired it with pin 25 on the ESP32 board
There is no TFT_eSPI or User_Setup in there for me. Only gt911-arduino-main, LovyanGFX, lvgl, ui, then files of lv_config.h & readme.txt. Dude... what am I missing here? Why is there no TFT_eSPI folder or User_Setup.h file?
Hmm, not sure what causes this from the top of my head. You can join my discord server and explain to me exactly what you did. Maybe we can figure it out together :)
@@PhilippThalhammer To be honest, that would be incredible. I'm running into nothing but issues with literally every tutorial I go through. I'm beyond lost & quickly losing steam and wanting to give up on this yet again. When is generally best to be in the discord channel so that people are there?
The discord is still very new, so there are not many people on there generally 😅 I am from germany and thus usually avaliable between 1pm and midnight middle european time. Just write me a message in one of the help-channels and I‘ll see what we can do :)
Thank you. I have built the circuit and programmed it with Arduino IDE. The dial works but I am unable to make the needle move. The lvgl library I used is 8.3.6 and it shows the error: exit status 1 Compilation error: exit status 1
Did you rename your asset in Squareline studio? This only works if you use the correct name. Maybe it could also be helpful to check out the GitHub repository I linked in the description. I have uploaded the example project there :)
@@PhilippThalhammer No I did not rename the asset. I downloaded your code from the GitHub and compiled it. It gives me this error: exit status 1 Compilation error: 'lv_draw_buf_t' does not name a type; did you mean 'lv_draw_ctx_t'? I am using LVGL library 8.4.0 but have tried all the libraries for example 8.3.0 through 9.1.0 but does not work.
Here are all the error from compiling:C:\Users\adilu\OneDrive\Documents\Arduino\SquareLineRound\ProjectFolder\ui\ui.ino:13:8: error: 'lv_draw_buf_t' does not name a type; did you mean 'lv_draw_ctx_t'? static lv_draw_buf_t draw_buf; ^~~~~~~~~~~~~ lv_draw_ctx_t C:\Users\adilu\OneDrive\Documents\Arduino\SquareLineRound\ProjectFolder\ui\ui.ino:28:82: error: expected constructor, destructor, or type conversion before ';' token my_disp_flush( lv_disp_drv_t *disp, const lv_area_t *area, lv_color_t *color_p ) ^ C:\Users\adilu\OneDrive\Documents\Arduino\SquareLineRound\ProjectFolder\ui\ui.ino:28:80: error: ISO C++ forbids declaration of 'my_disp_flush' with no type [-fpermissive] my_disp_flush( lv_disp_drv_t *disp, const lv_area_t *area, lv_color_t *color_p ) ^ C:\Users\adilu\OneDrive\Documents\Arduino\SquareLineRound\ProjectFolder\ui\ui.ino: In function 'void setup()': C:\Users\adilu\OneDrive\Documents\Arduino\SquareLineRound\ProjectFolder\ui\ui.ino:87:29: error: 'draw_buf' was not declared in this scope lv_disp_draw_buf_init( &draw_buf, buf, NULL, screenWidth * screenHeight / 10 ); ^~~~~~~~ C:\Users\adilu\OneDrive\Documents\Arduino\SquareLineRound\ProjectFolder\ui\ui.ino:95:25: error: invalid conversion from 'int (*)(lv_disp_drv_t*, const lv_area_t*, lv_color_t*)' {aka 'int (*)(_lv_disp_drv_t*, const lv_area_t*, lv_color16_t*)'} to 'void (*)(_lv_disp_drv_t*, const lv_area_t*, lv_color_t*)' {aka 'void (*)(_lv_disp_drv_t*, const lv_area_t*, lv_color16_t*)'} [-fpermissive] disp_drv.flush_cb = my_disp_flush; ^~~~~~~~~~~~~ C:\Users\adilu\OneDrive\Documents\Arduino\SquareLineRound\ProjectFolder\ui\ui.ino:97:25: error: cannot convert 'lv_disp_drv_t*' {aka '_lv_disp_drv_t*'} to 'lv_fs_drv_t*' {aka '_lv_fs_drv_t*'} lv_fs_drv_register( &disp_drv ); ^~~~~~~~~ In file included from c:\users\adilu\onedrive\documents\arduino\squarelineround\projectfolder\libraries\lvgl\src\draw\lv_img_decoder.h:20, from c:\users\adilu\onedrive\documents\arduino\squarelineround\projectfolder\libraries\lvgl\src\draw\lv_draw.h:20, from c:\users\adilu\onedrive\documents\arduino\squarelineround\projectfolder\libraries\lvgl\src/hal/lv_hal_disp.h:21, from c:\users\adilu\onedrive\documents\arduino\squarelineround\projectfolder\libraries\lvgl\src/hal/lv_hal.h:16, from c:\users\adilu\onedrive\documents\arduino\squarelineround\projectfolder\libraries\lvgl\lvgl.h:33, from c:\Users\adilu\OneDrive\Documents\Arduino\SquareLineRound\ProjectFolder\libraries\lvgl\src/lvgl.h:17, from C:\Users\adilu\OneDrive\Documents\Arduino\SquareLineRound\ProjectFolder\ui\ui.ino:1: c:\users\adilu\onedrive\documents\arduino\squarelineround\projectfolder\libraries\lvgl\src\misc\lv_fs.h:131:39: note: initializing argument 1 of 'void lv_fs_drv_register(lv_fs_drv_t*)' void lv_fs_drv_register(lv_fs_drv_t * drv); ~~~~~~~~~~~~~~^~~ C:\Users\adilu\OneDrive\Documents\Arduino\SquareLineRound\ProjectFolder\ui\ui.ino:102:15: error: 'lv_fs_drv_t' {aka 'struct _lv_fs_drv_t'} has no member named 'type' indev_drv.type = LV_INDEV_TYPE_POINTER; ^~~~ C:\Users\adilu\OneDrive\Documents\Arduino\SquareLineRound\ProjectFolder\ui\ui.ino:103:25: error: invalid conversion from 'void (*)(lv_indev_drv_t*, lv_indev_data_t*)' {aka 'void (*)(_lv_indev_drv_t*, lv_indev_data_t*)'} to 'lv_fs_res_t (*)(_lv_fs_drv_t*, void*, void*, uint32_t, uint32_t*)' {aka 'unsigned char (*)(_lv_fs_drv_t*, void*, void*, unsigned int, unsigned int*)'} [-fpermissive] indev_drv.read_cb = my_touchpad_read; ^~~~~~~~~~~~~~~~ exit status 1 Compilation error: 'lv_draw_buf_t' does not name a type; did you mean 'lv_draw_ctx_t'?
Have you set you sketchbook-folder correctly in the Arduino IDE? Other than that I am not really sure what the problem seems to be. It looks like the library is not found correctly, and that normally happens when you dont relocate your sketchbook.
Haven't tried it yet. But I would assume yes, as Squareline Studio does support python (as far as I know) and Raspberry PIs can run python scripts just fine. Depending on what you are trying to do, it could be a little overkill to use a PI 5 however 😁 I just started my own discord-community. I would love to hear what you are making over there :)
@@PhilippThalhammer I am planning on using a pi 4 but don’t know what format file to use from SLS?(vsc with sdl or which format from SLS I need to pick for it to work) I am creating a GUI which would incorporate sensors that input values into scrollboxes
The eclipse SDL does support linux (see github.com/lvgl/lv_port_pc_eclipse ). So I guess it would be fine to install rasbian or something similar on your PI and run it there. However, thats just a guess. As I said I haven't tried it before 🤔
Ich habe eine Frage, woher weiß der Aufruf lv_img_set_angle( ui_Pointer,... ), dass pointer gedreht werden soll und nicht gauge? Gefunden. Leider fehlt der Schritt mit dem Beschriften der image 1 und image2.
1. Das weiß der Aufruf, weil es oben deklariert wird ;) 2. Das Beschriften habe ich beim Aufnehmen vergessen, aber ich habe dafür Text eingeblendet um darauf hinzuweisen (siehe 1:49).
You are the first one who give a very good and easy tutorial thank you so much!!
Thanks for saying that. It means a lot :)
Glad it helped. I absolutely know what you mean. It took me quite a while to figure this out because noone gave a proper explanation 😄
I'm subscribed to your channel keep creating ✌️
Great tutorial covered all the main steps.
Thank you! Of all the vids I watched & forum posts read, your vid was the only one that made any sense of how Squareline works - specifically it's bizzare template saving BS. That was the worst part, but with your template in place it all clicked. Nobody else wanted to share their files.
I specifically used an ESP32-C3 and configured it to use pin 4 for SCLK, 5 for DC, 6 for MOSI, 7 for CS, 10 for RST, then 0 & 10 for I2C's SDA & SCL.
I‘m glad it helped!
I know exactly what you mean 😄
I spent a lot of time on trying to figure out how everything works, because no one shared all necessary information.
I was so frustrated by that, that once I made it work, I decided to do a tutorial on it 😄
I find this very useful 😊, thanks buddy
I‘m glad :)
Thanks so much for making this video. I understand how it works now 🎉
Glad it helped!
Thank you! It really helps me to get started quickly with my new project :)
Glad to hear that!
Thank you
great video man👌👌👌
Thank you :)
nice!
maybe I will have to get into Squareline Studio as I wanted to do a small TFT control of Lilygo T-deck :P
I haven’t tried doing more advanced stuff with squareline studio, as it does feel really janky and unfinished in my opinion, but I found it to be a shortcut for small projects.
Would love to see the results if you try!
@@PhilippThalhammer sadly beside this there is no easy (doh!) way of programing the TFT screen
Yep, thats true…
I mean you could go with LVGL from scratch, but I quickly lost motivation when I tried 😅
*Thanks! Pro tip: Don't call GUI items "pointer" in a C tutorial. LOL. Aside from that, it's a nice tutorial.*
Hahaha true, that’s a fair point(er) 😄
@@PhilippThalhammer Punny guy.
Thank You
hope you make more......
More tutorials? :)
Initially I wasn’t going to, but seeing the response to this one kinda changed my mind 😂
I am currently working on one about rotary (ring) encoders, because there seems to be little to no resources about that. Maybe also a showcase on how to use them together with these round displays, as they go great together.
Is there anything specific you would like to see? :)
@@PhilippThalhammer if you could also do one with cheaper and readily avaliable oled displays e.g these ili9341 displays it would be great
sorry tft displays
It should be very analogue with other tft displays, if you just follow the steps I outlined with this one.
I don't really want to make another video about more or less the same topic 😅
Also the one I am using is about 7€😁
If you have problems feel free to ask though :)
Maybe I will also create a discord server for stuff like this in the future 🤔
Nice video
Just one suggestion, increase your voice volume, it's so hard to hear you even with headphones on (on full volume)
I think that might be an issue on your side 🤔
I just double checked on my PC and smartphone and its quite loud on both devices.
Thank you for the suggestion anyways :)
@@PhilippThalhammerit‘s definitely an issue with this video. I also noticed it right away.
It is a bit quiet on my phone too
Thats wierd. I don’t understand why its not an issue on my devices then 🤔
Do you mean the volume on the video in total is low?
Could you check with one of my other videos if the problem persists there as well?
If thats no trouble for you of course.
I just went through all this. It's worth mentioning that pretty much all of the other guides and example code only seem to work with v8. I could not get the newer v9 to work at all
Did you also not get it to work with this guide? 🤔
@@PhilippThalhammer Yes, but by default I used the latest version of the Arduino Library which uses very different code and will not compile. I could not find any guides for a v9.
What versions are you talking about? Squareline Studio? LVGL?
@@PhilippThalhammer LVGL - When you create a new project in Squareline and select Arduino project, it defaults to V9. So I installed LVGL v9 library in Arduino but there are vast differences between the code for v8 and v9
I see.
I also experienced problems when I updated my libraries a couple of months after I did this project.
Does it also suporte microphyton ??? Thank you for sharing it with us😊
There seems to be support for micropython within Squareline Studio, however I am not sure how everything works exactly.
I have only tried out Arduino so far 🤔
Glad you like the video :)
I see that you added a potensiometer to interact with UI but I didn't see you defining the pin in the code, you wired it with pin 25 on the ESP32 board
I did not define it as a set pin, instead I just read it directly in the loop function at the end :)
It is in line 117 where it says „analogRead(25)“
@PhilippThalhammer it makes sense now thank you.
There is no TFT_eSPI or User_Setup in there for me. Only gt911-arduino-main, LovyanGFX, lvgl, ui, then files of lv_config.h & readme.txt. Dude... what am I missing here? Why is there no TFT_eSPI folder or User_Setup.h file?
Hmm, not sure what causes this from the top of my head.
You can join my discord server and explain to me exactly what you did. Maybe we can figure it out together :)
@@PhilippThalhammer To be honest, that would be incredible. I'm running into nothing but issues with literally every tutorial I go through. I'm beyond lost & quickly losing steam and wanting to give up on this yet again.
When is generally best to be in the discord channel so that people are there?
The discord is still very new, so there are not many people on there generally 😅
I am from germany and thus usually avaliable between 1pm and midnight middle european time. Just write me a message in one of the help-channels and I‘ll see what we can do :)
Thank you. I have built the circuit and programmed it with Arduino IDE. The dial works but I am unable to make the needle move. The lvgl library I used is 8.3.6 and it shows the error:
exit status 1
Compilation error: exit status 1
Did you rename your asset in Squareline studio? This only works if you use the correct name.
Maybe it could also be helpful to check out the GitHub repository I linked in the description. I have uploaded the example project there :)
@@PhilippThalhammer No I did not rename the asset. I downloaded your code from the GitHub and compiled it. It gives me this error:
exit status 1
Compilation error: 'lv_draw_buf_t' does not name a type; did you mean 'lv_draw_ctx_t'?
I am using LVGL library 8.4.0 but have tried all the libraries for example 8.3.0 through 9.1.0 but does not work.
Here are all the error from compiling:C:\Users\adilu\OneDrive\Documents\Arduino\SquareLineRound\ProjectFolder\ui\ui.ino:13:8: error: 'lv_draw_buf_t' does not name a type; did you mean 'lv_draw_ctx_t'?
static lv_draw_buf_t draw_buf;
^~~~~~~~~~~~~
lv_draw_ctx_t
C:\Users\adilu\OneDrive\Documents\Arduino\SquareLineRound\ProjectFolder\ui\ui.ino:28:82: error: expected constructor, destructor, or type conversion before ';' token
my_disp_flush( lv_disp_drv_t *disp, const lv_area_t *area, lv_color_t *color_p )
^
C:\Users\adilu\OneDrive\Documents\Arduino\SquareLineRound\ProjectFolder\ui\ui.ino:28:80: error: ISO C++ forbids declaration of 'my_disp_flush' with no type [-fpermissive]
my_disp_flush( lv_disp_drv_t *disp, const lv_area_t *area, lv_color_t *color_p )
^
C:\Users\adilu\OneDrive\Documents\Arduino\SquareLineRound\ProjectFolder\ui\ui.ino: In function 'void setup()':
C:\Users\adilu\OneDrive\Documents\Arduino\SquareLineRound\ProjectFolder\ui\ui.ino:87:29: error: 'draw_buf' was not declared in this scope
lv_disp_draw_buf_init( &draw_buf, buf, NULL, screenWidth * screenHeight / 10 );
^~~~~~~~
C:\Users\adilu\OneDrive\Documents\Arduino\SquareLineRound\ProjectFolder\ui\ui.ino:95:25: error: invalid conversion from 'int (*)(lv_disp_drv_t*, const lv_area_t*, lv_color_t*)' {aka 'int (*)(_lv_disp_drv_t*, const lv_area_t*, lv_color16_t*)'} to 'void (*)(_lv_disp_drv_t*, const lv_area_t*, lv_color_t*)' {aka 'void (*)(_lv_disp_drv_t*, const lv_area_t*, lv_color16_t*)'} [-fpermissive]
disp_drv.flush_cb = my_disp_flush;
^~~~~~~~~~~~~
C:\Users\adilu\OneDrive\Documents\Arduino\SquareLineRound\ProjectFolder\ui\ui.ino:97:25: error: cannot convert 'lv_disp_drv_t*' {aka '_lv_disp_drv_t*'} to 'lv_fs_drv_t*' {aka '_lv_fs_drv_t*'}
lv_fs_drv_register( &disp_drv );
^~~~~~~~~
In file included from c:\users\adilu\onedrive\documents\arduino\squarelineround\projectfolder\libraries\lvgl\src\draw\lv_img_decoder.h:20,
from c:\users\adilu\onedrive\documents\arduino\squarelineround\projectfolder\libraries\lvgl\src\draw\lv_draw.h:20,
from c:\users\adilu\onedrive\documents\arduino\squarelineround\projectfolder\libraries\lvgl\src/hal/lv_hal_disp.h:21,
from c:\users\adilu\onedrive\documents\arduino\squarelineround\projectfolder\libraries\lvgl\src/hal/lv_hal.h:16,
from c:\users\adilu\onedrive\documents\arduino\squarelineround\projectfolder\libraries\lvgl\lvgl.h:33,
from c:\Users\adilu\OneDrive\Documents\Arduino\SquareLineRound\ProjectFolder\libraries\lvgl\src/lvgl.h:17,
from C:\Users\adilu\OneDrive\Documents\Arduino\SquareLineRound\ProjectFolder\ui\ui.ino:1:
c:\users\adilu\onedrive\documents\arduino\squarelineround\projectfolder\libraries\lvgl\src\misc\lv_fs.h:131:39: note: initializing argument 1 of 'void lv_fs_drv_register(lv_fs_drv_t*)'
void lv_fs_drv_register(lv_fs_drv_t * drv);
~~~~~~~~~~~~~~^~~
C:\Users\adilu\OneDrive\Documents\Arduino\SquareLineRound\ProjectFolder\ui\ui.ino:102:15: error: 'lv_fs_drv_t' {aka 'struct _lv_fs_drv_t'} has no member named 'type'
indev_drv.type = LV_INDEV_TYPE_POINTER;
^~~~
C:\Users\adilu\OneDrive\Documents\Arduino\SquareLineRound\ProjectFolder\ui\ui.ino:103:25: error: invalid conversion from 'void (*)(lv_indev_drv_t*, lv_indev_data_t*)' {aka 'void (*)(_lv_indev_drv_t*, lv_indev_data_t*)'} to 'lv_fs_res_t (*)(_lv_fs_drv_t*, void*, void*, uint32_t, uint32_t*)' {aka 'unsigned char (*)(_lv_fs_drv_t*, void*, void*, unsigned int, unsigned int*)'} [-fpermissive]
indev_drv.read_cb = my_touchpad_read;
^~~~~~~~~~~~~~~~
exit status 1
Compilation error: 'lv_draw_buf_t' does not name a type; did you mean 'lv_draw_ctx_t'?
Have you set you sketchbook-folder correctly in the Arduino IDE?
Other than that I am not really sure what the problem seems to be. It looks like the library is not found correctly, and that normally happens when you dont relocate your sketchbook.
@@PhilippThalhammer OK, I will try this again and report to you. Thank you for the suggestion and help.
Does squareline work on raspberry pi 5 ?
Haven't tried it yet. But I would assume yes, as Squareline Studio does support python (as far as I know) and Raspberry PIs can run python scripts just fine.
Depending on what you are trying to do, it could be a little overkill to use a PI 5 however 😁
I just started my own discord-community. I would love to hear what you are making over there :)
@@PhilippThalhammer I am planning on using a pi 4 but don’t know what format file to use from SLS?(vsc with sdl or which format from SLS I need to pick for it to work) I am creating a GUI which would incorporate sensors that input values into scrollboxes
The eclipse SDL does support linux (see github.com/lvgl/lv_port_pc_eclipse ). So I guess it would be fine to install rasbian or something similar on your PI and run it there.
However, thats just a guess. As I said I haven't tried it before 🤔
which development board you used ? esp32 ?
Yes, like I stated in the first sentence of the video ;)
Ich habe eine Frage, woher weiß der Aufruf lv_img_set_angle( ui_Pointer,... ), dass pointer gedreht werden soll und nicht gauge? Gefunden. Leider fehlt der Schritt mit dem Beschriften der image 1 und image2.
1. Das weiß der Aufruf, weil es oben deklariert wird ;)
2. Das Beschriften habe ich beim Aufnehmen vergessen, aber ich habe dafür Text eingeblendet um darauf hinzuweisen (siehe 1:49).
😅
? 😄