summaryrefslogtreecommitdiff
path: root/lib/lvgl/examples/get_started
diff options
context:
space:
mode:
authorjacqueline <me@jacqueline.id.au>2024-06-12 17:54:40 +1000
committerjacqueline <me@jacqueline.id.au>2024-06-12 17:54:40 +1000
commit64bd9053a25297f7a442ca831c7da5b44bd33f84 (patch)
treea90c6cad25a12028302ab1a5334510fba0229bae /lib/lvgl/examples/get_started
parent611176ed667c4ed7ee9f609e958f9404f4aee91d (diff)
downloadtangara-fw-64bd9053a25297f7a442ca831c7da5b44bd33f84.tar.gz
Update LVGL to v9.1.0
Diffstat (limited to 'lib/lvgl/examples/get_started')
-rw-r--r--lib/lvgl/examples/get_started/index.rst18
-rw-r--r--lib/lvgl/examples/get_started/lv_example_get_started.h1
-rw-r--r--lib/lvgl/examples/get_started/lv_example_get_started_1.c33
-rw-r--r--lib/lvgl/examples/get_started/lv_example_get_started_1.py29
-rw-r--r--lib/lvgl/examples/get_started/lv_example_get_started_2.c88
-rw-r--r--lib/lvgl/examples/get_started/lv_example_get_started_2.py62
-rw-r--r--lib/lvgl/examples/get_started/lv_example_get_started_3.c88
-rw-r--r--lib/lvgl/examples/get_started/lv_example_get_started_3.py22
-rw-r--r--lib/lvgl/examples/get_started/lv_example_get_started_4.c32
9 files changed, 142 insertions, 231 deletions
diff --git a/lib/lvgl/examples/get_started/index.rst b/lib/lvgl/examples/get_started/index.rst
index f1faccbf..8ef0ec92 100644
--- a/lib/lvgl/examples/get_started/index.rst
+++ b/lib/lvgl/examples/get_started/index.rst
@@ -1,18 +1,24 @@
-A button with a label and react on click event
-"""""""""""""""""""""""""""""""""""""""""""""""""
+A very simple *hello world* label
+---------------------------------
.. lv_example:: get_started/lv_example_get_started_1
:language: c
-Create styles from scratch for buttons
-"""""""""""""""""""""""""""""""""""""""
+A button with a label and react on click event
+----------------------------------------------
+
.. lv_example:: get_started/lv_example_get_started_2
:language: c
-Create a slider and write its value on a label
-"""""""""""""""""""""""""""""""""""""""""""""""
+Create styles from scratch for buttons
+--------------------------------------
.. lv_example:: get_started/lv_example_get_started_3
:language: c
+Create a slider and write its value on a label
+----------------------------------------------
+.. lv_example:: get_started/lv_example_get_started_4
+ :language: c
+
diff --git a/lib/lvgl/examples/get_started/lv_example_get_started.h b/lib/lvgl/examples/get_started/lv_example_get_started.h
index 02a998c8..1eb6faad 100644
--- a/lib/lvgl/examples/get_started/lv_example_get_started.h
+++ b/lib/lvgl/examples/get_started/lv_example_get_started.h
@@ -28,6 +28,7 @@ extern "C" {
void lv_example_get_started_1(void);
void lv_example_get_started_2(void);
void lv_example_get_started_3(void);
+void lv_example_get_started_4(void);
/**********************
* MACROS
diff --git a/lib/lvgl/examples/get_started/lv_example_get_started_1.c b/lib/lvgl/examples/get_started/lv_example_get_started_1.c
index c63e94d0..541f797b 100644
--- a/lib/lvgl/examples/get_started/lv_example_get_started_1.c
+++ b/lib/lvgl/examples/get_started/lv_example_get_started_1.c
@@ -1,34 +1,19 @@
#include "../lv_examples.h"
-#if LV_BUILD_EXAMPLES && LV_USE_BTN
-
-static void btn_event_cb(lv_event_t * e)
-{
- lv_event_code_t code = lv_event_get_code(e);
- lv_obj_t * btn = lv_event_get_target(e);
- if(code == LV_EVENT_CLICKED) {
- static uint8_t cnt = 0;
- cnt++;
-
- /*Get the first child of the button which is the label and change its text*/
- lv_obj_t * label = lv_obj_get_child(btn, 0);
- lv_label_set_text_fmt(label, "Button: %d", cnt);
- }
-}
+#if LV_BUILD_EXAMPLES && LV_USE_LABEL
/**
- * Create a button with a label and react on click event.
+ * Basic example to create a "Hello world" label
*/
void lv_example_get_started_1(void)
{
- lv_obj_t * btn = lv_btn_create(lv_scr_act()); /*Add a button the current screen*/
- lv_obj_set_pos(btn, 10, 10); /*Set its position*/
- lv_obj_set_size(btn, 120, 50); /*Set its size*/
- lv_obj_add_event_cb(btn, btn_event_cb, LV_EVENT_ALL, NULL); /*Assign a callback to the button*/
+ /*Change the active screen's background color*/
+ lv_obj_set_style_bg_color(lv_screen_active(), lv_color_hex(0x003a57), LV_PART_MAIN);
- lv_obj_t * label = lv_label_create(btn); /*Add a label to the button*/
- lv_label_set_text(label, "Button"); /*Set the labels text*/
- lv_obj_center(label);
+ /*Create a white label, set its text and align it to the center*/
+ lv_obj_t * label = lv_label_create(lv_screen_active());
+ lv_label_set_text(label, "Hello world");
+ lv_obj_set_style_text_color(lv_screen_active(), lv_color_hex(0xffffff), LV_PART_MAIN);
+ lv_obj_align(label, LV_ALIGN_CENTER, 0, 0);
}
#endif
-
diff --git a/lib/lvgl/examples/get_started/lv_example_get_started_1.py b/lib/lvgl/examples/get_started/lv_example_get_started_1.py
deleted file mode 100644
index 8adfbdd0..00000000
--- a/lib/lvgl/examples/get_started/lv_example_get_started_1.py
+++ /dev/null
@@ -1,29 +0,0 @@
-class CounterBtn():
- def __init__(self):
- self.cnt = 0
- #
- # Create a button with a label and react on click event.
- #
-
- btn = lv.btn(lv.scr_act()) # Add a button the current screen
- btn.set_pos(10, 10) # Set its position
- btn.set_size(120, 50) # Set its size
- btn.align(lv.ALIGN.CENTER,0,0)
- btn.add_event_cb(self.btn_event_cb, lv.EVENT.ALL, None) # Assign a callback to the button
- label = lv.label(btn) # Add a label to the button
- label.set_text("Button") # Set the labels text
- label.center()
-
- def btn_event_cb(self,evt):
- code = evt.get_code()
- btn = evt.get_target()
- if code == lv.EVENT.CLICKED:
- self.cnt += 1
-
- # Get the first child of the button which is the label and change its text
- label = btn.get_child(0)
- label.set_text("Button: " + str(self.cnt))
-
-
-counterBtn = CounterBtn()
-
diff --git a/lib/lvgl/examples/get_started/lv_example_get_started_2.c b/lib/lvgl/examples/get_started/lv_example_get_started_2.c
index 66f2cc48..9edac9f0 100644
--- a/lib/lvgl/examples/get_started/lv_example_get_started_2.c
+++ b/lib/lvgl/examples/get_started/lv_example_get_started_2.c
@@ -1,82 +1,32 @@
#include "../lv_examples.h"
-#if LV_USE_BTN && LV_BUILD_EXAMPLES
+#if LV_BUILD_EXAMPLES && LV_USE_BUTTON
-static lv_style_t style_btn;
-static lv_style_t style_btn_pressed;
-static lv_style_t style_btn_red;
-
-static lv_color_t darken(const lv_color_filter_dsc_t * dsc, lv_color_t color, lv_opa_t opa)
-{
- LV_UNUSED(dsc);
- return lv_color_darken(color, opa);
-}
-
-static void style_init(void)
+static void btn_event_cb(lv_event_t * e)
{
- /*Create a simple button style*/
- lv_style_init(&style_btn);
- lv_style_set_radius(&style_btn, 10);
- lv_style_set_bg_opa(&style_btn, LV_OPA_COVER);
- lv_style_set_bg_color(&style_btn, lv_palette_lighten(LV_PALETTE_GREY, 3));
- lv_style_set_bg_grad_color(&style_btn, lv_palette_main(LV_PALETTE_GREY));
- lv_style_set_bg_grad_dir(&style_btn, LV_GRAD_DIR_VER);
-
- lv_style_set_border_color(&style_btn, lv_color_black());
- lv_style_set_border_opa(&style_btn, LV_OPA_20);
- lv_style_set_border_width(&style_btn, 2);
-
- lv_style_set_text_color(&style_btn, lv_color_black());
-
- /*Create a style for the pressed state.
- *Use a color filter to simply modify all colors in this state*/
- static lv_color_filter_dsc_t color_filter;
- lv_color_filter_dsc_init(&color_filter, darken);
- lv_style_init(&style_btn_pressed);
- lv_style_set_color_filter_dsc(&style_btn_pressed, &color_filter);
- lv_style_set_color_filter_opa(&style_btn_pressed, LV_OPA_20);
-
- /*Create a red style. Change only some colors.*/
- lv_style_init(&style_btn_red);
- lv_style_set_bg_color(&style_btn_red, lv_palette_main(LV_PALETTE_RED));
- lv_style_set_bg_grad_color(&style_btn_red, lv_palette_lighten(LV_PALETTE_RED, 3));
+ lv_event_code_t code = lv_event_get_code(e);
+ lv_obj_t * btn = lv_event_get_target(e);
+ if(code == LV_EVENT_CLICKED) {
+ static uint8_t cnt = 0;
+ cnt++;
+
+ /*Get the first child of the button which is the label and change its text*/
+ lv_obj_t * label = lv_obj_get_child(btn, 0);
+ lv_label_set_text_fmt(label, "Button: %d", cnt);
+ }
}
/**
- * Create styles from scratch for buttons.
+ * Create a button with a label and react on click event.
*/
void lv_example_get_started_2(void)
{
- /*Initialize the style*/
- style_init();
-
- /*Create a button and use the new styles*/
- lv_obj_t * btn = lv_btn_create(lv_scr_act());
- /* Remove the styles coming from the theme
- * Note that size and position are also stored as style properties
- * so lv_obj_remove_style_all will remove the set size and position too */
- lv_obj_remove_style_all(btn);
- lv_obj_set_pos(btn, 10, 10);
- lv_obj_set_size(btn, 120, 50);
- lv_obj_add_style(btn, &style_btn, 0);
- lv_obj_add_style(btn, &style_btn_pressed, LV_STATE_PRESSED);
-
- /*Add a label to the button*/
- lv_obj_t * label = lv_label_create(btn);
- lv_label_set_text(label, "Button");
- lv_obj_center(label);
-
- /*Create another button and use the red style too*/
- lv_obj_t * btn2 = lv_btn_create(lv_scr_act());
- lv_obj_remove_style_all(btn2); /*Remove the styles coming from the theme*/
- lv_obj_set_pos(btn2, 10, 80);
- lv_obj_set_size(btn2, 120, 50);
- lv_obj_add_style(btn2, &style_btn, 0);
- lv_obj_add_style(btn2, &style_btn_red, 0);
- lv_obj_add_style(btn2, &style_btn_pressed, LV_STATE_PRESSED);
- lv_obj_set_style_radius(btn2, LV_RADIUS_CIRCLE, 0); /*Add a local style too*/
+ lv_obj_t * btn = lv_button_create(lv_screen_active()); /*Add a button the current screen*/
+ lv_obj_set_pos(btn, 10, 10); /*Set its position*/
+ lv_obj_set_size(btn, 120, 50); /*Set its size*/
+ lv_obj_add_event_cb(btn, btn_event_cb, LV_EVENT_ALL, NULL); /*Assign a callback to the button*/
- label = lv_label_create(btn2);
- lv_label_set_text(label, "Button 2");
+ lv_obj_t * label = lv_label_create(btn); /*Add a label to the button*/
+ lv_label_set_text(label, "Button"); /*Set the labels text*/
lv_obj_center(label);
}
diff --git a/lib/lvgl/examples/get_started/lv_example_get_started_2.py b/lib/lvgl/examples/get_started/lv_example_get_started_2.py
deleted file mode 100644
index 431ba03e..00000000
--- a/lib/lvgl/examples/get_started/lv_example_get_started_2.py
+++ /dev/null
@@ -1,62 +0,0 @@
-#
-# Create styles from scratch for buttons.
-#
-style_btn = lv.style_t()
-style_btn_red = lv.style_t()
-style_btn_pressed = lv.style_t()
-
-# Create a simple button style
-style_btn.init()
-style_btn.set_radius(10)
-style_btn.set_bg_opa(lv.OPA.COVER)
-style_btn.set_bg_color(lv.palette_lighten(lv.PALETTE.GREY, 3))
-style_btn.set_bg_grad_color(lv.palette_main(lv.PALETTE.GREY))
-style_btn.set_bg_grad_dir(lv.GRAD_DIR.VER)
-
-# Add a border
-style_btn.set_border_color(lv.color_white())
-style_btn.set_border_opa(lv.OPA._70)
-style_btn.set_border_width(2)
-
-# Set the text style
-style_btn.set_text_color(lv.color_white())
-
-# Create a red style. Change only some colors.
-style_btn_red.init()
-style_btn_red.set_bg_color(lv.palette_main(lv.PALETTE.RED))
-style_btn_red.set_bg_grad_color(lv.palette_lighten(lv.PALETTE.RED, 2))
-
-# Create a style for the pressed state.
-style_btn_pressed.init()
-style_btn_pressed.set_bg_color(lv.palette_main(lv.PALETTE.BLUE))
-style_btn_pressed.set_bg_grad_color(lv.palette_darken(lv.PALETTE.RED, 3))
-
-# Create a button and use the new styles
-btn = lv.btn(lv.scr_act()) # Add a button the current screen
-# Remove the styles coming from the theme
-# Note that size and position are also stored as style properties
-# so lv_obj_remove_style_all will remove the set size and position too
-btn.remove_style_all() # Remove the styles coming from the theme
-btn.set_pos(10, 10) # Set its position
-btn.set_size(120, 50) # Set its size
-btn.add_style(style_btn, 0)
-btn.add_style(style_btn_pressed, lv.STATE.PRESSED)
-
-label = lv.label(btn) # Add a label to the button
-label.set_text("Button") # Set the labels text
-label.center()
-
-# Create another button and use the red style too
-btn2 = lv.btn(lv.scr_act())
-btn2.remove_style_all() # Remove the styles coming from the theme
-btn2.set_pos(10, 80) # Set its position
-btn2.set_size(120, 50) # Set its size
-btn2.add_style(style_btn, 0)
-btn2.add_style(style_btn_red, 0)
-btn2.add_style(style_btn_pressed, lv.STATE.PRESSED)
-btn2.set_style_radius(lv.RADIUS.CIRCLE, 0) # Add a local style
-
-label = lv.label(btn2) # Add a label to the button
-label.set_text("Button 2") # Set the labels text
-label.center()
-
diff --git a/lib/lvgl/examples/get_started/lv_example_get_started_3.c b/lib/lvgl/examples/get_started/lv_example_get_started_3.c
index 2f6d6167..b869cc63 100644
--- a/lib/lvgl/examples/get_started/lv_example_get_started_3.c
+++ b/lib/lvgl/examples/get_started/lv_example_get_started_3.c
@@ -1,33 +1,83 @@
#include "../lv_examples.h"
-#if LV_BUILD_EXAMPLES && LV_USE_SLIDER
+#if LV_USE_BUTTON && LV_BUILD_EXAMPLES
-static lv_obj_t * label;
+static lv_style_t style_btn;
+static lv_style_t style_button_pressed;
+static lv_style_t style_button_red;
-static void slider_event_cb(lv_event_t * e)
+static lv_color_t darken(const lv_color_filter_dsc_t * dsc, lv_color_t color, lv_opa_t opa)
{
- lv_obj_t * slider = lv_event_get_target(e);
+ LV_UNUSED(dsc);
+ return lv_color_darken(color, opa);
+}
+
+static void style_init(void)
+{
+ /*Create a simple button style*/
+ lv_style_init(&style_btn);
+ lv_style_set_radius(&style_btn, 10);
+ lv_style_set_bg_opa(&style_btn, LV_OPA_COVER);
+ lv_style_set_bg_color(&style_btn, lv_palette_lighten(LV_PALETTE_GREY, 3));
+ lv_style_set_bg_grad_color(&style_btn, lv_palette_main(LV_PALETTE_GREY));
+ lv_style_set_bg_grad_dir(&style_btn, LV_GRAD_DIR_VER);
+
+ lv_style_set_border_color(&style_btn, lv_color_black());
+ lv_style_set_border_opa(&style_btn, LV_OPA_20);
+ lv_style_set_border_width(&style_btn, 2);
+
+ lv_style_set_text_color(&style_btn, lv_color_black());
+
+ /*Create a style for the pressed state.
+ *Use a color filter to simply modify all colors in this state*/
+ static lv_color_filter_dsc_t color_filter;
+ lv_color_filter_dsc_init(&color_filter, darken);
+ lv_style_init(&style_button_pressed);
+ lv_style_set_color_filter_dsc(&style_button_pressed, &color_filter);
+ lv_style_set_color_filter_opa(&style_button_pressed, LV_OPA_20);
- /*Refresh the text*/
- lv_label_set_text_fmt(label, "%"LV_PRId32, lv_slider_get_value(slider));
- lv_obj_align_to(label, slider, LV_ALIGN_OUT_TOP_MID, 0, -15); /*Align top of the slider*/
+ /*Create a red style. Change only some colors.*/
+ lv_style_init(&style_button_red);
+ lv_style_set_bg_color(&style_button_red, lv_palette_main(LV_PALETTE_RED));
+ lv_style_set_bg_grad_color(&style_button_red, lv_palette_lighten(LV_PALETTE_RED, 3));
}
/**
- * Create a slider and write its value on a label.
+ * Create styles from scratch for buttons.
*/
void lv_example_get_started_3(void)
{
- /*Create a slider in the center of the display*/
- lv_obj_t * slider = lv_slider_create(lv_scr_act());
- lv_obj_set_width(slider, 200); /*Set the width*/
- lv_obj_center(slider); /*Align to the center of the parent (screen)*/
- lv_obj_add_event_cb(slider, slider_event_cb, LV_EVENT_VALUE_CHANGED, NULL); /*Assign an event function*/
-
- /*Create a label above the slider*/
- label = lv_label_create(lv_scr_act());
- lv_label_set_text(label, "0");
- lv_obj_align_to(label, slider, LV_ALIGN_OUT_TOP_MID, 0, -15); /*Align top of the slider*/
+ /*Initialize the style*/
+ style_init();
+
+ /*Create a button and use the new styles*/
+ lv_obj_t * btn = lv_button_create(lv_screen_active());
+ /* Remove the styles coming from the theme
+ * Note that size and position are also stored as style properties
+ * so lv_obj_remove_style_all will remove the set size and position too */
+ lv_obj_remove_style_all(btn);
+ lv_obj_set_pos(btn, 10, 10);
+ lv_obj_set_size(btn, 120, 50);
+ lv_obj_add_style(btn, &style_btn, 0);
+ lv_obj_add_style(btn, &style_button_pressed, LV_STATE_PRESSED);
+
+ /*Add a label to the button*/
+ lv_obj_t * label = lv_label_create(btn);
+ lv_label_set_text(label, "Button");
+ lv_obj_center(label);
+
+ /*Create another button and use the red style too*/
+ lv_obj_t * btn2 = lv_button_create(lv_screen_active());
+ lv_obj_remove_style_all(btn2); /*Remove the styles coming from the theme*/
+ lv_obj_set_pos(btn2, 10, 80);
+ lv_obj_set_size(btn2, 120, 50);
+ lv_obj_add_style(btn2, &style_btn, 0);
+ lv_obj_add_style(btn2, &style_button_red, 0);
+ lv_obj_add_style(btn2, &style_button_pressed, LV_STATE_PRESSED);
+ lv_obj_set_style_radius(btn2, LV_RADIUS_CIRCLE, 0); /*Add a local style too*/
+
+ label = lv_label_create(btn2);
+ lv_label_set_text(label, "Button 2");
+ lv_obj_center(label);
}
#endif
-
diff --git a/lib/lvgl/examples/get_started/lv_example_get_started_3.py b/lib/lvgl/examples/get_started/lv_example_get_started_3.py
deleted file mode 100644
index b41a1c06..00000000
--- a/lib/lvgl/examples/get_started/lv_example_get_started_3.py
+++ /dev/null
@@ -1,22 +0,0 @@
-def slider_event_cb(evt):
- slider = evt.get_target()
-
- # Refresh the text
- label.set_text(str(slider.get_value()))
-
-#
-# Create a slider and write its value on a label.
-#
-
-# Create a slider in the center of the display
-slider = lv.slider(lv.scr_act())
-slider.set_width(200) # Set the width
-slider.center() # Align to the center of the parent (screen)
-slider.add_event_cb(slider_event_cb, lv.EVENT.VALUE_CHANGED, None) # Assign an event function
-
-# Create a label above the slider
-label = lv.label(lv.scr_act())
-label.set_text("0")
-label.align_to(slider, lv.ALIGN.OUT_TOP_MID, 0, -15) # Align below the slider
-
-
diff --git a/lib/lvgl/examples/get_started/lv_example_get_started_4.c b/lib/lvgl/examples/get_started/lv_example_get_started_4.c
new file mode 100644
index 00000000..e6f3b97e
--- /dev/null
+++ b/lib/lvgl/examples/get_started/lv_example_get_started_4.c
@@ -0,0 +1,32 @@
+#include "../lv_examples.h"
+#if LV_BUILD_EXAMPLES && LV_USE_SLIDER
+
+static lv_obj_t * label;
+
+static void slider_event_cb(lv_event_t * e)
+{
+ lv_obj_t * slider = lv_event_get_target(e);
+
+ /*Refresh the text*/
+ lv_label_set_text_fmt(label, "%"LV_PRId32, lv_slider_get_value(slider));
+ lv_obj_align_to(label, slider, LV_ALIGN_OUT_TOP_MID, 0, -15); /*Align top of the slider*/
+}
+
+/**
+ * Create a slider and write its value on a label.
+ */
+void lv_example_get_started_4(void)
+{
+ /*Create a slider in the center of the display*/
+ lv_obj_t * slider = lv_slider_create(lv_screen_active());
+ lv_obj_set_width(slider, 200); /*Set the width*/
+ lv_obj_center(slider); /*Align to the center of the parent (screen)*/
+ lv_obj_add_event_cb(slider, slider_event_cb, LV_EVENT_VALUE_CHANGED, NULL); /*Assign an event function*/
+
+ /*Create a label above the slider*/
+ label = lv_label_create(lv_screen_active());
+ lv_label_set_text(label, "0");
+ lv_obj_align_to(label, slider, LV_ALIGN_OUT_TOP_MID, 0, -15); /*Align top of the slider*/
+}
+
+#endif