Scroll bar on screen how to remove- SOLVED

How-to
1

Description

Image has a strange band of pixels on the right edge

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

ESP32-S3, 480x480 ST7701 LCD, Arduino IDE

What LVGL version are you using?

8.3

What do you want to achieve?

Display a background image fully, across the entire screen

I am using a 480x480 round ST7701 screen. I have created a 480x480 square image that I use for the background and another 480x480 image with transparency that overlays the background image.

When I set the code like this:

  lv_obj_t *bg_img = lv_img_create(screen1);
  lv_img_set_src(bg_img, &newFace);
  lv_obj_align(bg_img, LV_ALIGN_TOP_MID, 0, 7);

Then later:

  lv_obj_t *imgOverlay = lv_img_create(screen1);
  lv_img_set_src(imgOverlay, &newFace2);
  lv_obj_align(imgOverlay, LV_ALIGN_CENTER, 0, 8);  
  lv_obj_move_foreground(imgOverlay);

I get the image displayed properly EXCEPT, there’s a band on the right edge that’s displaying incorrectly that’s not in the png that’s converted to the .c file using LVGL image converter (CF_INDEXED_8_BIT, Dither), see the green arrow:

IMG_5080
IMG_50801920Ă—2560 358 KB

2

Hello,

That strange band you see is a scrollbar.
Disable scrolling to remove it. I am not sure which of the images causes it, it might also be your screen… see the snippet below to remove the option to scroll.

lv_obj_remove_flag(screen1, LV_OBJ_FLAG_SCROLLABLE);

3

Brilliant, thanks!

I had to use:

lv_obj_clear_flag(screen1, LV_OBJ_FLAG_SCROLLABLE);
1 Like