SquareLine Studio AND ESP32 - Tutorial Part 1

finally some of you have waited for a long time for this in this video I will show you how to make a simple user interface in square line studio and how to upload it to an esp32 board for this series of tutorials you can use the display S3 touch AMOLED or leigo T4 AMOLED I decided to use these boards because many of you already have one of them also if you are beginner it is easier because liligo has practically already prepared all the files or lvgl helpers after I don't know how many tutorials I will show you how to use any esp32 board buil be built-in display if you want to buy these boards you can find affiliate links in the description and you will help me with my plan to become rich uh I want to become rich as soon as possible because then I can move on my next plan which is a rule this galaxy of course if you don't want to buy these boards please stay tuned because you can still learn a lot so first step is to install this board to install our libraries and Boards definition I'm on Lily go page and here we have this link which will open liigo emol series GitHub I opened this because here we can find many useful information and here can we here we can find instructions how to install this board in Arduino so first we need to install board definitions and what is important we need to install version Which is higher than 2.05 and lower than 3.0 so in Arduino ID we need to go to file we need to choose this and we will need to paste this link here I will put this link in description so you can find it there after that we can go to board manager which is here and we will write ISP 32 and you can see here we need to install this I already installed version 2.0.7 uh when you try to install it first it will try to install latest version but don't install this 3.0.2 you can install same version I have because it needs to be below 3.0 next we need to go to sketch include Library manage libraries we need to go go to library manager and install a liigo AMOLED Series so Library manager is here Lily go AMOLED and we will click here to install latest version we will click to install all and now we need to wait some time l go AMOLED series is installed and you can see that in my Arduino libraries for folder we have all needed libraries we can go to Lily go emlet series and we can try to compile some of examples but it will not work why because in the last step when all libraries were installed lvg version last version of lvgl is installed and as we can see here that we need lvg L version 8.3 so we need to downgrade this lvgl in library manager to 8.3.1 and install and now we need to wait again and it is installed now when we try to open any example for example this get started so first we need to choose the right board board is esp32 esp32 S3 development module and on there G Hub site you have settings you need to choose what is most important that flashh size is 16 megabyte parti partition schematic need needs to be this Ops Ram so let's choose this 16 16 3 me app 9.9 mgab FS op PS RAM and let's try to compile it and we have our first lvgl example very simple but it is working if you are still here please consider subscribing and if this is very useful to you please consider consider supporting my work by buying me coffee or becoming my patreon supporter I decided to make these tutorials free and I spend many hours making them and this is what I do for leing now okay let's finally use Square line Studio but first I will make our project map which will call be called my first first SLS capital letters make sure name of your folder is same and inside this folder I will paste this Arduino file make sure name is same like name of folder I will paste it and you will find this file in description so feel free to download it if we open it if you open it we can see some functions which will initialize our user interface nothing fancy very simple now let's go into square line Studio finally so we will open Square line Studio I will continue with trial and I will choose create and I will choose Arduino and here we need to choose our map mine is on desktop my first Square line Studio resolution of our board is H 240 by 536 but we need another uh so we will use 536 and 240 color depth need to be 16bit swap lvg version 8.3 .1 because we installed that version team we want to go to Dark Side of course and we can go to create now we have screen one and we will try to add some main components as button Arc and slider we can also add some labels or we can add label to to the button sorry label here so we'll put it on the button press press me and now we want to exported this to our map so first and very important step file project settings we need to have this checked in flat export export all files to one folder then export export UI files it will ask us in which map we want to map my first Square line Studio export successful in my my first Square line Studio we have all files exported and my first SLS I will open it and now we have many files which are related to our user interface but main main file is my first Square line Studio my screen is flickering I installed this W Windows this morning so it's maybe some driver is missing so board ESP 32 S3 Port this will be Port flash size 16 partition size 16 3 MB and psram op psram and we will click to upload and here it is it's working simple but very nice blue buttons Arc yes it's working I know that is really simple but first we need to start with something really simple we will learn more and make make something more useful in next tutorial thank you please subscribe uh please check links in description please if you want to support my work and tell me what you think leave a comment like share uh uh clean your uh bedroom I don't know goodbye

Channel: Volos Projects

Views: 19,880

Keywords:

Id: qvz0XdSYwj8

Length: 13min 16sec (796 seconds)

Published: Wed Jun 26 2024