8MS Arc
An arc is a commonly used interface element used to display a circular progress bar with a start and end angle. It is often used to represent the progress or status of a task.
For more detailed information, you can refer to this link: https://docs.lvgl.io/8.3/widgets/core/arc.html
Properties
Arc has several properties to define its behavior and appearance.
- Arc Value Range: Sets the maximum and minimum values of the arc.
- Arc Start Angle: Sets the starting angle of the arc.
- Arc End Angle: Sets the ending angle of the arc.
- Arc Value: Sets the current value of the arc.
- Mode: Sets the display mode of the arc. There are three modes available: Normal, Symmetrical, and Reverse.
| Arc Properties | ||
|---|---|---|
| Arc Value Range | Max, Min | lv_arc_set_range |
| Arc Start Angle | Start | lv_arc_set_bg_start_angle |
| Arc End Angle | End | lv_arc_set_bg_end_angle |
| Arc Value | Value | lv_arc_set_value |
| Mode | Normal | LV_ARC_MODE_NORMAL |
| Mode | Symmetrical | LV_ARC_MODE_SYMMETRICAL |
| Mode | Reverse | LV_ARC_MODE_REVERSE |
Styles
Arc also has several styles to define its appearance and visual style.
- MAIN: Sets the main control style of the arc and the style of the lower layer arc.
- INDICATOR: Sets the style of the upper layer arc of the arc.
- KNOB: Sets the style of the knob part of the arc.
Example
