fix(bar): fix the clipping of the indicator in some corner cases (#5229)

tests/src/test_cases/widgets/test_bar.c

@@ -1,4 +1,4 @@
-#if LV_BUILD_TEST
+#if LV_BUILD_TEST || 1
 #include "../lvgl.h"
 
 #include "unity/unity.h"
@@ -318,4 +318,85 @@ void test_bar_indicator_should_be_drawn_towards_the_min_range_side_after_setting
     TEST_ASSERT_LESS_THAN(original_pos, final_pos);
 }
 
+static lv_obj_t * styled_bar_create(bool ver, int32_t start_value, int32_t end_value, lv_grad_dir_t grad_dir,
+                                    int32_t bg_radius, int32_t indic_radius, int32_t bg_pad)
+{
+    lv_obj_t * bar = lv_bar_create(lv_screen_active());
+    if(ver) lv_obj_set_size(bar, 20, 100);
+    else lv_obj_set_size(bar, 100, 20);
+    lv_bar_set_range(bar, 0, 100);
+    lv_bar_set_mode(bar, LV_BAR_MODE_RANGE);
+    lv_bar_set_value(bar, end_value, LV_ANIM_OFF);
+    lv_bar_set_start_value(bar, start_value, LV_ANIM_OFF);
+
+    lv_obj_set_style_bg_opa(bar, 255, LV_PART_MAIN);
+    lv_obj_set_style_bg_color(bar, lv_color_hex3(0x0ff), LV_PART_MAIN);
+    lv_obj_set_style_radius(bar, bg_radius, LV_PART_MAIN);
+    lv_obj_set_style_pad_all(bar, bg_pad, LV_PART_MAIN);
+
+    lv_obj_set_style_bg_opa(bar, LV_OPA_70, LV_PART_INDICATOR);
+    lv_obj_set_style_bg_color(bar, lv_color_hex3(0xf0f), LV_PART_INDICATOR);
+    lv_obj_set_style_bg_grad_color(bar, lv_color_hex3(0x8f8), LV_PART_INDICATOR);
+    lv_obj_set_style_bg_grad_dir(bar, grad_dir, LV_PART_INDICATOR);
+
+    lv_obj_set_style_border_width(bar, 2, LV_PART_INDICATOR);
+    lv_obj_set_style_border_color(bar, lv_color_hex3(0x0f0), LV_PART_INDICATOR);
+    lv_obj_set_style_border_opa(bar, LV_OPA_70, LV_PART_INDICATOR);
+    lv_obj_set_style_outline_width(bar, 2, LV_PART_INDICATOR);
+    lv_obj_set_style_outline_pad(bar, 4, LV_PART_INDICATOR);
+    lv_obj_set_style_outline_color(bar, lv_color_hex3(0xff0), LV_PART_INDICATOR);
+    lv_obj_set_style_outline_opa(bar, LV_OPA_70, LV_PART_INDICATOR);
+    lv_obj_set_style_shadow_width(bar, 20, LV_PART_INDICATOR);
+    lv_obj_set_style_shadow_spread(bar, 5, LV_PART_INDICATOR);
+    lv_obj_set_style_shadow_color(bar, lv_color_hex3(0xf00), LV_PART_INDICATOR);
+    lv_obj_set_style_shadow_opa(bar, LV_OPA_70, LV_PART_INDICATOR);
+    lv_obj_set_style_radius(bar, indic_radius, LV_PART_INDICATOR);
+
+    return bar;
+}
+
+static void render_test_screen_create(bool ver, lv_grad_dir_t grad_dir, const char * ref_img_path)
+{
+    lv_obj_t * active_screen = lv_screen_active();
+    lv_obj_clean(active_screen);
+
+    lv_obj_set_flex_flow(active_screen, ver ? LV_FLEX_FLOW_ROW_WRAP : LV_FLEX_FLOW_COLUMN_WRAP);
+    lv_obj_set_flex_align(active_screen, LV_FLEX_ALIGN_START, LV_FLEX_ALIGN_START, LV_FLEX_ALIGN_SPACE_EVENLY);
+    lv_obj_set_style_pad_row(active_screen, 17, 0);
+    lv_obj_set_style_pad_column(active_screen, 12, 0);
+    lv_obj_set_style_pad_all(active_screen, 15, 0);
+
+    int32_t bar_values[6][2] = {{0, 5}, {0, 50}, {0, 95}, {5, 100}, {95, 100}, {20, 90}};
+    int32_t bg_radius[2] = {0, 15};
+    int32_t indic_radius[2] = {0, 15};
+    int32_t bg_pad[3] = {-5, 0, 5};
+
+    uint32_t pad;
+    for(pad = 0; pad < 3; pad++) {
+        uint32_t indic_r;
+        for(indic_r = 0; indic_r < 2; indic_r++) {
+            uint32_t bg_r;
+            for(bg_r = 0; bg_r < 2; bg_r++) {
+                uint32_t v;
+                for(v = 0; v < 6; v++) {
+                    styled_bar_create(ver, bar_values[v][0], bar_values[v][1], grad_dir, bg_radius[bg_r], indic_radius[indic_r],
+                                      bg_pad[pad]);
+                }
+            }
+        }
+    }
+
+    TEST_ASSERT_EQUAL_SCREENSHOT(ref_img_path);
+}
+
+void test_bar_render_corner(void)
+{
+    render_test_screen_create(false, LV_GRAD_DIR_NONE, "widgets/bar_corner_1.png");
+    render_test_screen_create(false, LV_GRAD_DIR_HOR, "widgets/bar_corner_2.png");
+    render_test_screen_create(false, LV_GRAD_DIR_VER, "widgets/bar_corner_3.png");
+    render_test_screen_create(true, LV_GRAD_DIR_NONE, "widgets/bar_corner_4.png");
+    render_test_screen_create(true, LV_GRAD_DIR_HOR, "widgets/bar_corner_5.png");
+    render_test_screen_create(true, LV_GRAD_DIR_VER, "widgets/bar_corner_6.png");
+}
+
 #endif