Slider's background modification

Raef_Ben_Jeddou · August 25, 2022, 9:00am

Can I cut a slider into sections ?

bruno · August 17, 2026, 6:58pm

You can’t but you can use a image as background on the LV_PART_MAIN or on LV_PART_INIDICATOR.

examples/widgets/slider/lv_example_slider_img_indicator.c

master

/**
 * @file lv_example_slider_img_indicator.c
 */

#include "../../lv_examples.h"
#if LV_USE_SLIDER && LV_BUILD_EXAMPLES

/**
 * @title Slider image indicator
 * @brief Use bitmaps as the slider track and indicator — the slider clips each image to its part.
 *
 * `bg_image_src` on `selector="main"` textures the background track and on
 * `selector="indicator"` textures the filled portion. As the knob moves right the
 * indicator image is revealed left-to-right, showing cyan segments that transition
 * to yellow then red at the high end. Both images are 280×30, matching the slider
 * width.
 */
void lv_example_slider_img_indicator(void)
{
    LV_IMAGE_DECLARE(img_bar_bg);

This file has been truncated. show original