LVGL examples, do they work?

[hpssjellis]

@sebromero

I feel like none of the LVGL examples work. Can someone try one of them such as:

https://github.com/arduino-libraries/Arduino_Pro_Tutorials/blob/main/examples/Creating%20GUIs%20with%20LVGL/lvglCounter/lvglCounter.ino

and report back if they work for you on the PortentaH7. I am using MBED core 2.5.2 and LVGL library 8.0.2

For me nothing compiles, I haven't even go around to connecting any USB HUB cables.

[per1234]

LVGL library 8.0.2

The example specifies that 7.11 should be used:
https://github.com/arduino-libraries/Arduino_Pro_Tutorials/blob/main/examples/Creating%20GUIs%20with%20LVGL/lvglCounter/lvglCounter.ino#L2

/*
    Using LVGL v7.11
*/

The sketch compilation test done by the continuous integration system uses version 7.11.0 and compiles the example successfully:
https://github.com/arduino-libraries/Arduino_Pro_Tutorials/runs/3706391688?check_suite_focus=true#step:3:230

[sebromero]

Hi @hpssjellis ! Looks like there were some API changes in the new version of the LVGL library. Try with 7.11 as @per1234 pointed out.

[hpssjellis]

@per1234 and @sebromero you are correct it does mention to use version 7.11 of LVGL.h. Yes, it does work which is great, using the deprecated library is a bit of a problem.

I think I started with the Portenta examples Portenta_lvgl which did not have the reminder about 7.11, and still doesn't compile, it seems to have issues finding lv_conf.h

Deprecation is the bane of TechEd.

Is there some other up-to-date graphics library we could use such as Adafruit_GFX for doing some graphics on a computer display?

or

Is there a way to make the portenta use the latest LVGL library?

[marqdevx]

Hey @hpssjellis we pointed the version used but my plans were to update the sketch and tutorial to fit the new API.

The LVGL examples from the Core need to be updated, I will do it.

Follow the tutorial of the LVGL, you just need to #include "Portenta_LittleVGL.h" (it will include the lv_conf.h automatically)

• Tutorial: https://docs.arduino.cc/tutorials/portenta-h7/por-ard-lvgl
• Sketch: https://github.com/arduino-libraries/Arduino_Pro_Tutorials/blob/v1.0.4/examples/Creating%20GUIs%20with%20LVGL/lvglCounter/lvglCounter.ino

I will make a branch with a working sketch with the LVGL@v8

[hpssjellis]

Thanks @marqdevx the counter example using LVGL@7.11 works great, but even with #include "Portenta_LittleVGL.h" I can't get the Arduino_MBED example Portenta_lvgl.ino working it seems to have 2 other issues. One is line 92 where SRCL should be SCROLLABLE. and then some other issue. Any hints about it.

If you do get LVGL@v8 working that would be great.

Also, is this doable from both M7 and M4 or only from M7?

[marqdevx]

Im aware of the examples of the Core, thanks for remind it. I will make a PR, hopefully they will be fixed for the next release :)

I've tried it before and its working, just need to make those small changes.

Working from both individually, you could use RPC to make changes from M7 to M4(or vice versa). but you should only have one LVGL "manager" (if im not wrong, I will check that asap).

[sebromero]

Is there a way to make the portenta use the latest LVGL library?

@hpssjellis As @marqdevx mentioned, the example needs to be adapted, but the library itself should work/compile fine. If you feel like, you could have a look at the LVGL changelog here and adjust the example accordingly so it reflects the API changes.
The underlying issues is that our libraries don't have versioned dependency management. So we can't specify with which version a library is compatible with. This would solve all these issues. One day we'll have it...

[hpssjellis]

@marqdevx just post here when it is ready to test or the PR has been accepted.

@sebromero I agree version control would make examples much more stable. I always use versions when using javascript and npm.

<script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs@2.3.0"> </script> 

LOL, TensorflowJS is now at version 3.9.0

It is ridiculous how fast examples and videos can be deprecated, and makes teaching the subject a miserable experience.

Good luck updating the examples!

[marqdevx]

Hey @hpssjellis I've made the changes to the tutorial example, check it out here https://github.com/arduino-libraries/Arduino_Pro_Tutorials/blob/marqdevx/lvgl-v8/examples/Creating%20GUIs%20with%20LVGL/lvglCounter/lvglCounter.ino

You will need atleast to update the porting.cpp inside the Core, i will make a PR once I fix an issue with the USB examples (I made it compatible with both v8 and the rest of the versions)
https://github.com/marqdevx/ArduinoCore-mbed/blob/marqdevx/lvgl-update/libraries/LittleVGL/porting.cpp

And update the widgets example aswell
https://github.com/marqdevx/ArduinoCore-mbed/tree/marqdevx/lvgl-update/libraries/LittleVGL/examples/v8/Portenta_lvgl

[hpssjellis]

@marqdevx. Wow this is great. Thanks so much.

I updated LVGL to v8.0.0

replaced the porting.cpp file

Tried both widgets and counter and they both work! Well done. I will wait for the next mbed version to make my video for my maker100 course.

[marqdevx]

Thanks!

Small update: this changes will be included in this PR to the Core arduino/ArduinoCore-mbed#340

Regarding LVGL: Portenta_LittleVGL.h will be renamed to Portenta_lvgl.h

Im making the current example be ready for that release here https://github.com/arduino-libraries/Arduino_Pro_Tutorials/tree/marqdevx/lvgl-v8

So I will close this issue, have a nice one :)

[hpssjellis]

@marqdevx

You might want to change this

/*
    Using LVGL v7.11
*/