Porting LVGL examples to version 9

examples/lvgl/button_lvgl_example/button_lvgl.ino → examples/lvgl/button_lvgl/button_lvgl.ino

@@ -6,7 +6,11 @@ Arduino_H7_Video          Display(800, 480, GigaDisplayShield);
 Arduino_GigaDisplayTouch  TouchDetector;
 
 static void btn_event_cb(lv_event_t * e) {
-  lv_obj_t * btn = lv_event_get_target(e);
+  #if (LVGL_VERSION_MAJOR == 9)
+    lv_obj_t * btn = (lv_obj_t *) lv_event_get_target(e);
+  #else 
+    lv_obj_t * btn = lv_event_get_target(e);
+  #endif
   lv_obj_t * label = lv_obj_get_child(btn, 0);
   lv_label_set_text_fmt(label, "Clicked!");
 }

examples/lvgl/image_lvgl/image_lvgl.ino

@@ -1,3 +1,8 @@
+/*
+* Online image converter for LVGL v9: https://lvgl.io/tools/imageconverter_v9
+* Online image converter for LVGL v8 or earlier: https://lvgl.io/tools/imageconverter
+*/
+
 #include "Arduino_H7_Video.h"
 #include "lvgl.h"
 

examples/lvgl/image_lvgl/img_arduinologo.c

@@ -636,6 +636,15 @@ const LV_ATTRIBUTE_MEM_ALIGN LV_ATTRIBUTE_LARGE_CONST LV_ATTRIBUTE_IMG_IMG_ARDUI
 #endif
 };
 
+#if (LVGL_VERSION_MAJOR == 9)
+const lv_img_dsc_t img_arduinologo = {
+  .header.cf = LV_COLOR_FORMAT_RGB565,
+  .header.w = 200,
+  .header.h = 150,
+  .data_size = 30000 * LV_COLOR_DEPTH / 8,
+  .data = img_arduinologo_map,
+};
+#else
 const lv_img_dsc_t img_arduinologo = {
   .header.cf = LV_IMG_CF_TRUE_COLOR,
   .header.always_zero = 0,
@@ -645,3 +654,4 @@ const lv_img_dsc_t img_arduinologo = {
   .data_size = 30000 * LV_COLOR_SIZE / 8,
   .data = img_arduinologo_map,
 };
+#endif

examples/lvgl/imu_orientation/img_arduinologo.c

@@ -636,6 +636,15 @@ const LV_ATTRIBUTE_MEM_ALIGN LV_ATTRIBUTE_LARGE_CONST LV_ATTRIBUTE_IMG_IMG_ARDUI
 #endif
 };
 
+#if (LVGL_VERSION_MAJOR == 9)
+const lv_img_dsc_t img_arduinologo = {
+  .header.cf = LV_COLOR_FORMAT_RGB565,
+  .header.w = 200,
+  .header.h = 150,
+  .data_size = 30000 * LV_COLOR_DEPTH / 8,
+  .data = img_arduinologo_map,
+};
+#else
 const lv_img_dsc_t img_arduinologo = {
   .header.cf = LV_IMG_CF_TRUE_COLOR,
   .header.always_zero = 0,
@@ -645,3 +654,4 @@ const lv_img_dsc_t img_arduinologo = {
   .data_size = 30000 * LV_COLOR_SIZE / 8,
   .data = img_arduinologo_map,
 };
+#endif

examples/lvgl/imu_orientation/imu_orientation.ino

@@ -1,3 +1,8 @@
+/*
+* Online image converter for LVGL v9: https://lvgl.io/tools/imageconverter_v9
+* Online image converter for LVGL v8 or earlier: https://lvgl.io/tools/imageconverter
+*/
+
 #include "Arduino_BMI270_BMM150.h"
 #include "Arduino_H7_Video.h"
 #include "lvgl.h"

examples/lvgl/squarelinestudio_lvgl_v8/README.md

@@ -0,0 +1,6 @@
+> [!NOTE]  
+> SquareLine Studio has ended its collaboration with LVGL. It only supports LVGL version 8 and earlier.
+
+# How to run the sketch:
+- move the `ui` folder into your `Arduino/libraries` directory
+- upload the sketch and see the magic!

examples/lvgl/squarelinestudio_lvgl/squarelinestudio_lvgl.ino → examples/lvgl/squarelinestudio_lvgl_v8/squarelinestudio_lvgl_v8.ino

@@ -8,7 +8,7 @@
  * 1. Create a SquareLine Studio project with the following settings:
  *    - Resolution: 800x480
  *    - Color depth: 16-bit
- *    - LVGL version: 8.3.x
+ *    - LVGL version: 8.3.x (NOTE: It only supports LVGL version 8 and earlier.)
  * 2. Design your GUI using the drag-and-drop tool.
  * 3. Export the LVGL UI files.
  * 4. Open the exported file and copy the 'libraries/ui' folder into your 'Arduino/libraries' directory.
@@ -29,6 +29,10 @@
 Arduino_H7_Video Display(800, 480, GigaDisplayShield);
 Arduino_GigaDisplayTouch Touch;
 
+#if (LVGL_VERSION_MAJOR >= 9)
+    #error "SquareLine Studio has ended its collaboration with LVGL. It only supports LVGL version 8 and earlier."
+#endif
+
 void setup() {
     Display.begin();
     Touch.begin();