Roller items of Critical region display discontinuity

[lanjun1]

Important: unclear posts may not receive useful answers.

As shown in the figure below: when the number of the roller is partly in the focus area and partly in the non-focus area, the number shows a fault, that is, discontinuity, which looks weird!
In this case, is it possible to do continuous display?
Please pay attention to the part in the red box in the image below.
We are expecting a reply!

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

simulate by squareLine.

What LVGL version are you using?

8.2

What do you want to achieve?

items of Critical region display continuity

Screenshot and/or video

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

[elgerg]

This looks like it might be similar to the issue I had with more than ~27 items, but it’s really difficult to tell without any code snippets…:

Roller with more than 27 items goes weird

Hello, I don’t what cause this problem but it can be solved by lowering the number of infinite pages by changing the following line in lv_conf.h. ( I tried 3 and it works ). #if LV_USE_ROLLER # define LV_ROLLER_INF_PAGES 3 /*Number of extra "pages" when the roller is infinite*/ #endif

Give that a go and let us know how you get on…

[lanjun1]

ui_Roller2 = lv_roller_create(ui_Roller_Head_Temp);
lv_roller_set_options(ui_Roller2, “160°\n170°\n180°\n190°\n200°\n210°\n220°\n230°”, LV_ROLLER_MODE_INFINITE);

lv_obj_set_width(ui_Roller2, 142);
lv_obj_set_height(ui_Roller2, 131);

lv_obj_set_x(ui_Roller2, 0);
lv_obj_set_y(ui_Roller2, 0);

lv_obj_set_align(ui_Roller2, LV_ALIGN_CENTER);

lv_obj_set_style_text_color(ui_Roller2, lv_color_hex(0x3F475E), LV_PART_MAIN | LV_STATE_DEFAULT);
lv_obj_set_style_text_opa(ui_Roller2, 255, LV_PART_MAIN | LV_STATE_DEFAULT);
lv_obj_set_style_text_font(ui_Roller2, &ui_font_Small_Font, LV_PART_MAIN | LV_STATE_DEFAULT);
lv_obj_set_style_bg_color(ui_Roller2, lv_color_hex(0xFFFFFF), LV_PART_MAIN | LV_STATE_DEFAULT);
lv_obj_set_style_bg_opa(ui_Roller2, 0, LV_PART_MAIN | LV_STATE_DEFAULT);
lv_obj_set_style_bg_main_stop(ui_Roller2, 0, LV_PART_MAIN | LV_STATE_DEFAULT);
lv_obj_set_style_bg_grad_stop(ui_Roller2, 255, LV_PART_MAIN | LV_STATE_DEFAULT);
lv_obj_set_style_border_width(ui_Roller2, 0, LV_PART_MAIN | LV_STATE_DEFAULT);

lv_obj_set_style_text_color(ui_Roller2, lv_color_hex(0xDBE6FF), LV_PART_SELECTED | LV_STATE_DEFAULT);
lv_obj_set_style_text_opa(ui_Roller2, 255, LV_PART_SELECTED | LV_STATE_DEFAULT);
lv_obj_set_style_text_font(ui_Roller2, &lv_font_montserrat_26, LV_PART_SELECTED | LV_STATE_DEFAULT);
lv_obj_set_style_bg_color(ui_Roller2, lv_color_hex(0x3A445C), LV_PART_SELECTED | LV_STATE_DEFAULT);
lv_obj_set_style_bg_opa(ui_Roller2, 255, LV_PART_SELECTED | LV_STATE_DEFAULT);

---

Above is the code snippet, is there any workaround?

[elgerg]

Hi,

You posted head temp but it looks like you have bed temp issues. Can you post that so i can see what options you have set?

Thanks

[elgerg]

On another note, that looks like a really nice display for your printer. What do you have and are you planning on open sourcing your interface?

Thanks!

[lanjun1]

The UI in this Issue is the Demo Project of squareLine