test: add binding test reference

related to #4645
2026-05-20 21:35:19 +08:00 · 2023-11-08 22:28:14 +01:00
parent 06d74742ad
commit 3bb649db7f
3 changed files with 261 additions and 1 deletions
@@ -0,0 +1,261 @@
+#if LV_BUILD_TEST || 1
+#include "../lvgl.h"
+
+#include "unity/unity.h"
+#include "lv_test_indev.h"
+
+static void create_ui(void);
+static void chart_type_observer_cb(lv_subject_t * subject, lv_observer_t * observer);
+static void buttonmatrix_event_cb(lv_event_t * e);
+static lv_obj_t * list_button_create(lv_obj_t * parent);
+static void opa_anim_cb(void * var, int32_t v);
+static void draw_to_canvas(lv_obj_t * canvas);
+
+void setUp(void)
+{
+    /* Function run before every test */
+}
+
+void tearDown(void)
+{
+    /* Function run after every test */
+}
+
+void test_binding(void)
+{
+    create_ui();
+
+    /*Wait for the animation*/
+    lv_test_indev_wait(500);
+
+    TEST_ASSERT_EQUAL_SCREENSHOT("binding.png");
+}
+
+
+
+static void create_ui(void)
+{
+    /*Create a colors*/
+    lv_color_t c1 = lv_color_hex(0xff0000);
+    lv_color_t c2 = lv_palette_darken(LV_PALETTE_BLUE, 2);
+    lv_color_t c3 = lv_color_mix(c1, c2, LV_OPA_60);
+
+    /*Create a style*/
+    static lv_style_t style_big_font;
+    lv_style_init(&style_big_font);
+
+    /*Use a built-in font*/
+    lv_style_set_text_font(&style_big_font, &lv_font_montserrat_24);
+
+    /*Get the active screen*/
+    lv_obj_t * scr = lv_screen_active();
+
+    /*Declare static array of integers, and test grid setting options*/
+    static lv_coord_t gird_cols[] = {300, LV_GRID_FR(3), LV_GRID_FR(2), LV_GRID_TEMPLATE_LAST};
+    static lv_coord_t gird_rows[] = {100, LV_GRID_FR(1), LV_GRID_CONTENT, LV_GRID_TEMPLATE_LAST};
+    lv_obj_set_grid_dsc_array(scr, gird_cols, gird_rows);
+
+    static lv_subject_t chart_type_subject;
+    lv_subject_init_int(&chart_type_subject, 0);
+
+    /*Create a widget*/
+    lv_obj_t * dropdown = lv_dropdown_create(scr);
+
+    /*Pass a string as argument*/
+    lv_dropdown_set_options(dropdown, "Lines\nBars");
+
+    /*Use grid align options*/
+    lv_obj_set_grid_cell(dropdown, LV_GRID_ALIGN_CENTER, 0, 1, LV_GRID_ALIGN_CENTER, 0, 1);
+
+    /*Bind to a subject*/
+    lv_dropdown_bind_value(dropdown, &chart_type_subject);
+
+    /*Create a chart with an external array of points*/
+    lv_obj_t * chart = lv_chart_create(lv_screen_active());
+    lv_obj_set_grid_cell(chart, LV_GRID_ALIGN_STRETCH, 0, 1, LV_GRID_ALIGN_CENTER, 1, 1);
+
+    lv_chart_series_t * series = lv_chart_add_series(chart, c3, LV_CHART_AXIS_PRIMARY_X);
+
+    static int32_t chart_y_array[10] = {10, 25, 50, 40, 30, 35, 60, 65, 70, 75};
+    lv_chart_set_ext_y_array(chart, series, chart_y_array);
+
+    /*Add custom observer callback*/
+    lv_subject_add_observer_obj(&chart_type_subject, chart_type_observer_cb, chart, NULL);
+
+    /*Manually set the subject's value*/
+    lv_subject_set_int(&chart_type_subject, 1);
+
+    lv_obj_t * label = lv_label_create(scr);
+    lv_obj_set_grid_cell(label, LV_GRID_ALIGN_START, 1, 1, LV_GRID_ALIGN_CENTER, 0, 1);
+
+    /*Apply styles on main part and default state*/
+    lv_obj_set_style_bg_opa(label, LV_OPA_70, 0);
+    lv_obj_set_style_bg_color(label, c1, 0);
+    lv_obj_set_style_text_color(label, c2, 0);
+    lv_obj_add_style(label, &style_big_font, 0);
+
+
+    /*Declare an array of strings*/
+    static const char * btnmatrix_options[] = {
+        "First", "Second", "\n",
+        "Third", ""
+    };
+
+    static const lv_buttonmatrix_ctrl_t btnmatrix_ctrl[] = {
+        LV_BUTTONMATRIX_CTRL_DISABLED, 2 | LV_BUTTONMATRIX_CTRL_CHECKED,
+        1,
+    };
+
+    lv_obj_t * btnmatrix = lv_buttonmatrix_create(scr);
+    lv_obj_set_grid_cell(btnmatrix, LV_GRID_ALIGN_STRETCH, 1, 1, LV_GRID_ALIGN_STRETCH, 1, 1);
+    /*Pass string and enum arrays*/
+    lv_buttonmatrix_set_map(btnmatrix, btnmatrix_options);
+    lv_buttonmatrix_set_ctrl_map(btnmatrix, btnmatrix_ctrl);
+    /*Add style to non main part and non default state*/
+    lv_obj_add_style(btnmatrix, &style_big_font, LV_PART_ITEMS | LV_STATE_CHECKED);
+
+    lv_buttonmatrix_set_selected_button(btnmatrix, 1);
+    lv_obj_add_event(btnmatrix, buttonmatrix_event_cb, LV_EVENT_VALUE_CHANGED, label);
+    lv_obj_send_event(btnmatrix, LV_EVENT_VALUE_CHANGED, NULL);
+
+    /*Create a base object*/
+    lv_obj_t * cont = lv_obj_create(scr);
+    /*Span 2 rows*/
+    lv_obj_set_grid_cell(cont, LV_GRID_ALIGN_STRETCH, 2, 1, LV_GRID_ALIGN_STRETCH, 0, 2);
+
+    /*Apply flex layout*/
+    lv_obj_set_flex_flow(cont, LV_FLEX_FLOW_COLUMN);
+
+    /*For loop*/
+    uint32_t i;
+    for(i = 0; i < 10; i++) {
+        /*Call a function implemented in the binding which returns a widget*/
+        lv_obj_t * btn = list_button_create(cont);
+
+        if(i == 0) {
+            /*Start an animation*/
+            lv_anim_t a;
+            lv_anim_init(&a);
+            lv_anim_set_var(&a, btn);
+            lv_anim_set_values(&a, LV_OPA_COVER, LV_OPA_50);
+            lv_anim_set_exec_cb(&a, opa_anim_cb);   /*Pass a callback*/
+            lv_anim_set_time(&a, 300);
+            lv_anim_set_path_cb(&a, lv_anim_path_ease_out);
+            lv_anim_start(&a);
+        }
+        if(i == 1) {
+            /*Use flags*/
+            lv_obj_add_flag(btn, LV_OBJ_FLAG_HIDDEN);
+        }
+        if(i == 2) {
+            lv_obj_t * btn_label = lv_obj_get_child(btn, 0);
+            lv_label_set_text(btn_label, "A multi-line text with a ° symbol");
+            lv_obj_set_width(btn_label, lv_pct(100));
+        }
+    }
+
+    /*Large byte array*/
+    static uint8_t canvas_buf[400 * 100 * 2];
+
+    lv_obj_t * canvas = lv_canvas_create(scr);
+    lv_obj_set_grid_cell(canvas, LV_GRID_ALIGN_START, 0, 2, LV_GRID_ALIGN_START, 2, 1);
+    /*Test RGB565 rendering*/
+    lv_canvas_set_buffer(canvas, canvas_buf, 400, 100, LV_COLOR_FORMAT_RGB565);
+    lv_canvas_fill_bg(canvas, c2, LV_OPA_COVER);
+    draw_to_canvas(canvas);
+
+    LV_IMG_DECLARE(test_img_lvgl_logo_jpg);
+    lv_obj_t * img;
+    img = lv_image_create(scr);
+    lv_image_set_src(img, &test_img_lvgl_logo_jpg);
+    lv_obj_align(img, LV_ALIGN_BOTTOM_RIGHT, -20, -20);
+    lv_obj_add_flag(img, LV_OBJ_FLAG_IGNORE_LAYOUT);
+
+    img = lv_image_create(scr);
+    lv_image_set_src(img, "A:src/test_assets/test_img_lvgl_logo.png");
+    lv_obj_set_pos(img, 500, 420);
+    lv_obj_add_flag(img, LV_OBJ_FLAG_IGNORE_LAYOUT);
+    lv_image_set_rotation(img, 200);
+    lv_image_set_scale_x(img, 400);
+}
+
+static void chart_type_observer_cb(lv_subject_t * subject, lv_observer_t * observer)
+{
+    int32_t v = lv_subject_get_int(subject);
+    lv_obj_t * chart = lv_observer_get_target(observer);
+    lv_chart_set_type(chart, v == 0 ? LV_CHART_TYPE_LINE : LV_CHART_TYPE_BAR);
+}
+
+static void buttonmatrix_event_cb(lv_event_t * e)
+{
+    lv_obj_t * label = lv_event_get_user_data(e);
+    lv_obj_t * buttonmatrix = lv_event_get_target(e);
+
+    uint32_t idx = lv_buttonmatrix_get_selected_button(buttonmatrix);
+    const char * text = lv_buttonmatrix_get_button_text(buttonmatrix, idx);
+    lv_label_set_text(label, text);
+}
+
+static lv_obj_t * list_button_create(lv_obj_t * parent)
+{
+    lv_obj_t * btn = lv_button_create(parent);
+    lv_obj_set_size(btn, lv_pct(100), LV_SIZE_CONTENT);
+
+    /*Get an integer*/
+    uint32_t idx = lv_obj_get_index(btn);
+
+    /*Formatted string for label*/
+    lv_obj_t * label = lv_label_create(btn);
+    lv_label_set_text_fmt(label, LV_SYMBOL_FILE " Item %d", idx);
+
+    return btn;
+}
+
+static void opa_anim_cb(void * var, int32_t v)
+{
+    lv_obj_set_style_opa(var, v, 0);
+}
+
+
+static void draw_to_canvas(lv_obj_t * canvas)
+{
+    lv_layer_t layer;
+    lv_canvas_init_layer(canvas, &layer);
+
+    /*Use draw descriptors*/
+    LV_IMAGE_DECLARE(test_img_lvgl_logo_png);
+    lv_draw_image_dsc_t image_draw_dsc;
+    lv_draw_image_dsc_init(&image_draw_dsc);
+    image_draw_dsc.src = &test_img_lvgl_logo_png;
+
+    lv_area_t coords = {10, 10, 10 + test_img_lvgl_logo_png.header.w - 1, 10 + test_img_lvgl_logo_png.header.h - 1};
+    lv_draw_image(&layer, &image_draw_dsc, &coords);
+
+    /*Reuse the draw descriptor*/
+    lv_area_move(&coords, 40, 40);
+    image_draw_dsc.opa = LV_OPA_50;
+    lv_draw_image(&layer, &image_draw_dsc, &coords);
+
+    lv_draw_line_dsc_t line_draw_dsc;
+    lv_draw_line_dsc_init(&line_draw_dsc);
+    line_draw_dsc.color = lv_color_hex3(0xCA8);
+    line_draw_dsc.width = 8;
+    line_draw_dsc.round_end = 1;
+    line_draw_dsc.round_start = 1;
+    line_draw_dsc.p1_x = 150;
+    line_draw_dsc.p1_y = 30;
+    line_draw_dsc.p2_x = 350;
+    line_draw_dsc.p2_y = 55;
+    lv_draw_line(&layer, &line_draw_dsc);
+
+    lv_canvas_finish_layer(canvas, &layer);
+
+    lv_color_t c = lv_color_hex(0xff0000);
+    uint32_t i;
+    for(i = 0; i < 50; i++) {
+        lv_canvas_set_px(canvas, 100 + i * 2, 10, c, LV_OPA_COVER);
+    }
+}
+
+
+#endif
@@ -360,7 +360,6 @@ void test_dropdown_render_1(void)
    lv_obj_set_style_bg_color(list, lv_color_hex3(0xf00), LV_PART_SELECTED | LV_STATE_CHECKED);
    lv_dropdown_set_selected(dd3, 3);

-
    TEST_ASSERT_EQUAL_SCREENSHOT("widgets/dropdown_1.png");
 }