วีดีโอ

Hi, thanks for your comment! I haven't tried it myself, but intuitively, I'd say that it is possible. EEZ studio is a builder (WYSIWYG editor) for LVGL, which you could also use by completely hard-coding the UI elements in code. So, there must be a way for you to dynamically load and replace images, which could also come from an SD card (or the Internet or any other source). I suppose you just have to make sure to store them in the right format (most likely bitmaps) or convert them from other formats to work with LVGL. Then, you should be able to dynamically load the data into RAM and pass it onto LVGL for rendering in the UI. Anyway, thanks for your comment -- I may look into the topic a bit more in the future. Good luck with your projects! :)

@@nerdhut I just was able to create my very first sketches for my board :) I'm looking forward to adding the SD card factor, too

Please refer to the videos in the playlist: th-cam.com/play/PLr5pt9vzODWAsB-d1C8or6jHfNZhbiplt.html

Hi, thanks for your comment! I'm glad you appreciate the video. I've only tried with the Nano RP2040 Connect, and I had quite a difficult time getting any other board to work. What problem are you experiencing?

@@nerdhut First and foremost, thank you for replying :) I tried setting up the driver file for the most simple UI - just a single button (I wanted to see if it even works) and of course had no luck. I am currently using Raspberry Pi Pico WH with RP2040 and a Pimoroni Pico Display 2.8". It is has the ST7789V driver for the display.

You can find those steps in the last two videos (primarily the last one, the second to last one deals with the touch screen) of the playlist: th-cam.com/play/PLr5pt9vzODWBNge0dnaEpX78XyIA3ki8Q.html

Hi, thanks for your comment! Unfortunately, there is no easier way than what is shown here. Building an (embedded) UI is no beginner topic. You need to have good understanding of the basics and how to work with external libraries and their functions. But if your only goal is to pass variable values to labels, for instance, you can call LVGL's set_text function on the UI element (which is also shown in the video toward the end). You can find a more detailed description of the method in the LVGL docs: docs.lvgl.io/master/widgets/label.html#usage Similarly, you can read the value of a UI element (e.g., a slider) using LVGL events, which I discuss in a different video: th-cam.com/video/PTKjjDPNIdM/w-d-xo.html (It's for SquareLine Studio but that also uses LVGL, just like EEZ Studio). I hope this still helps! :)

@@braveonder Thanks, I'm glad you found it helpful. There is a free alternative called EEZ Studio. It is very similar. You can check it out here: th-cam.com/play/PLr5pt9vzODWAsB-d1C8or6jHfNZhbiplt.html

Hi! Thanks for watching and commenting. It's a four-part series: Pt. 1: Design the UI Pt. 2: Export to Arduino IDE (this one) Pt. 3: Enabling Touch Input in the Arduino Sketch Pt. 4: Link the Arduino sketch to the SLS code It's broken down into separate videos for your convenience, so that you don't have to watch the parts that are not relevant to you! Good luck with your projects! :) P.S.: I'm not German, idk where you got that from lol so you better not expect any quality standards on this channel

You can find all the videos in this playlist: th-cam.com/play/PLr5pt9vzODWBNge0dnaEpX78XyIA3ki8Q.html

@@nerdhut Ah, thanks for clarifying and thanks for posting those. Excuse the past 1am rant. Part 4 looks interesting.

@@nerdhut Wait...are chinese and learned English from a German? That accent sounds that way.

You're welcome! I can totally understand how frustrating it can be when looking for solutions unsuccessfully. I'm glad you found part four helpful :)

Furthermore in the same setting you can set the Destination Folder to your project so no moving of new files anymore

I might one day but I currently don't have any concrete plans

Hi, you watch the second part here: th-cam.com/video/AhnIEbiYExU/w-d-xo.html

Thank you for your input! I'm glad you liked the video and found it helpful -- I strive to make videos that focus only on the content without filler.

Great suggestion, thanks! I may look into webbased UIs at some point

Yeah, like you mentioned, using a VCS (like GIT) can be a viable approach. Then you can create a commit before re-generating the code and revert the changes you don't want to keep in the generated code. Alternatively, I think placing all the custom code in separate C-files (with matching headers) can also be a good method. Then you only need to call your custom functions from within the generated code. That way, you only have to add back single method calls to the re-generated code, which can at least reduce the hassle. I might look at flow in a future video, as I'm interested in it myself, and I may talk about some strategies there, too. But yeah, essentially, you already mentioned the two things I'd try myself

@@nerdhut Thank you for your reply! I haven't known Flow until I created different projects to play around. For me it is useful to have all the ui-handling in the eez project like animations (also for testing purposes). That is why I am looking for an approach to just call my user methods or steh similar or better. I am looking forward to your next videos - maybe you can talk about some strategies.

Hi! Did you verify that the MCU is compatible? From what I can see, the m5dial is based on a specific ESP-32 that may not be compatible. You will also likely have to adjust the configuration to match your MCU + display. You also have to find suitable drivers for the devices (display & touch).

@@nerdhut do you mind if I send you one

I'm sorry but I can't help you with that

Thank you for watching! ☺Keep an eye out for the follow-up video where I discuss the generated code in great detail.

It goes live tomorrow! :)

Cousin Roman liked your comment

I'm glad you found it helpful! Thanks for watching and commenting!

According to Arduino's official guide, the Giga R1 works with LVGL. I think it *should* also work with SquareLine & other programs: docs.arduino.cc/tutorials/giga-display-shield/lvgl-guide/

It should work with the ESP32, but please double-check for your exact board or MCU.

Yes, you have many options! Some that come to my mind from the top of my head include using an external EEPROM chip or module (nerdhut.de/2019/01/17/eeprom-arduino/), using an SD card module, sending the data to a server, or storing the values in a hard-coded string in source code (read-only, e.g., config values).

Thanks for your comment! You can find the download link to the project files in the video description. I'm sorry but I can't give you the exported Arduino code, as I uninstalled SquareLine Studio a while ago and I don't want to go through the entire download and installation process.

I'm not entirely sure about that. I think SquareLine and LVGL are mainly intended for use on embedded platforms. However, SquareLine just sent out a newsletter yesterday in which they announced that they want to change the underlying library, so PC support may be a thing soon. Either way, I think there are much better options for making GUIs for PCs. The exact choice depends on your programming language and OS, but Qt would a good point to start for C/C++ and Python.