Splitting stripes appear during horizontal movement


Hi,I encountered a problem.When using the example code, there are split stripes in the horizontal direction,normal vertical movement

What MCU/Processor/Board and compiler are you using?

Xilinx mpsoc

What LVGL version are you using?


What do you want to achieve?

Is there any way to remove the cut stripes during horizontal movement

What have you tried so far?

Code to reproduce

Add a code snippet which can run in the simulator. It should contain only the relevant code that compiles without errors when separated from your main code base.

The code block(s) should be formatted like:

    /*Create a container with ROW flex direction*/
    lv_obj_t * cont_row = lv_obj_create(cur_scr_act);
    lv_obj_set_size(cont_row, 300, 200);
    lv_obj_align(cont_row, LV_ALIGN_TOP_MID, 0, 5);
    lv_obj_set_flex_flow(cont_row, LV_FLEX_FLOW_ROW);

    /*Create a container with COLUMN flex direction*/
    lv_obj_t * cont_col = lv_obj_create(cur_scr_act);
    lv_obj_set_size(cont_col, 200, 150);
    lv_obj_align_to(cont_col, cont_row, LV_ALIGN_OUT_BOTTOM_MID, 0, 5);
    lv_obj_set_flex_flow(cont_col, LV_FLEX_FLOW_COLUMN);

    uint32_t i;
    for(i = 0; i < 10; i++) {
        lv_obj_t * obj;
        lv_obj_t * label;

        /*Add items to the row*/
        obj= lv_btn_create(cont_row);
        lv_obj_set_size(obj, 100, LV_PCT(100));

        label = lv_label_create(obj);
        lv_label_set_text_fmt(label, "Item: %u", i);

        /*Add items to the column*/
        obj = lv_btn_create(cont_col);
        lv_obj_set_size(obj, LV_PCT(100), LV_SIZE_CONTENT);

        label = lv_label_create(obj);
        lv_label_set_text_fmt(label, "Item: %d", i);

Screenshot and/or video

If possible, add screenshots and/or videos about the current state.

@embeddedt @kisvegabor
Can give me some advice? Thank in advance


This seems like an issue with your screen refresh. Can you show your setup with lv_disp_draw_buf_init()? It looks like it has to do with the draw buffers not refreshing quickly enough with these animations.

Thank you for your reply. This should not be related to screen refresh. All other controls are normal, such as the vertical direction in the example above. And I found that PC simulations also have this issue

I would like to know if this issue is related to the refresh rate in the horizontal direction

I have upgraded the project to version 9.0.1, but there are still tearing issues when scrolling left and right. This is my lv_conf file
lv_conf.h (31.4 KB)


I still think it is an issue with your refresh rate or flush function - in the horizontal direction. One tip I have for you is to make the draw buffer(s) larger. It will take more memory but it will be faster and you will get less of these “stripes”.