How to remove the white color line in the button of the list items?

mahmood_Hosseini · December 14, 2020, 6:03am

how to remove the white color line in the button of the list items?

embeddedt · December 14, 2020, 1:03pm

You can remove it by setting the border on each button’s LV_BTN_PART_MAIN to be invisible. The easiest method is probably to set the border width to 0.

github.com

lvgl/lvgl/blob/9b579f3fadc4e3ec2c4c8c433442670888652e45/src/lv_themes/lv_theme_material.c#L751-L754


lv_style_set_border_side(&styles->list_btn, LV_STATE_DEFAULT, LV_BORDER_SIDE_BOTTOM);
lv_style_set_border_color(&styles->list_btn, LV_STATE_DEFAULT, COLOR_BG_BORDER);
lv_style_set_border_color(&styles->list_btn, LV_STATE_FOCUSED, theme.color_primary);
lv_style_set_border_width(&styles->list_btn, LV_STATE_DEFAULT, 1);

mahmood_Hosseini · December 16, 2020, 5:49am

thank you

I set border width property to 0