How to change arc backgroud image and knob

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


What LVGL version are you using?

LVGL v8.3

What do you want to achieve?

I want to add a custom image to use the arc widget as a thermostat setpoint widget.
I want to use 2 images background and foreground, when the setpoint changes, the foreground image should be drawn frontend the background image.


There is an example screen that I want to create. I created this screen by using another GUI framework.
I should use LVGL this time.

What have you tried so far?

I examined the examples but I am a newbie for LVGL. I don’t understand how I can do that or it is possible in LVGL.

Install Squareline Studio and try create this .

I tried but I can’t make invisible the default arc background.


Which style should I add the background and foreground image?
Should the arc size and angles be the same as my background and foreground image?

I designed the screen that I want, but the arc didn’t fit with the image. How can I do that? Is that possible?

Start angle config, change to your

I changed. I set the width and height as the same with the image. But why the arc size is still small?

Try image with full circle size. Ofcourse bottom empty.
Arc object require define full circle area, but you can dont use it and place it invisible or under other objects.