How to change arc backgroud image and knob

How-to
,
1

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

STM32F207xx

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.

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.

2

Install Squareline Studio and try create this .

3

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

image

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?

4

image
image753×897 33.3 KB

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

5

Start angle config, change to your
image

6

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

image
image661×619 16.4 KB

7

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.