Bar with different layout

How-to
, ,
1

Description

How can we change the bar graphic?
What are possibilities like you see in futuristic bike example.
Of course not from squareline but by coding.

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

esp32

What LVGL version are you using?

8.3.4

What do you want to achieve?

To be able to change the shape of a progress bar. Lets say that the futuristic demo with the battery section is great. But what is the logic behind in code.

2

Hi! The bar component doesn’t support animations like that, but to achieve something similar to the demo you mentioned, you can create a custom widget where you add animations to wave images and control their Y position based on the value.

You can use subjects to bind the value and automatically change the filling position. That’s probably what they did in that demo.