Documentation / Widgets / Visualiser / Spinner

Spinner

A rotating arc for "working". It runs on an LVGL animation and needs no code.

Group: Visualiser · Default size: 80 × 80 · Style parts: Main, Arc

A dropped Spinner: a grey ring with a long blue arc on it.
A Spinner as it is dropped, frozen on the canvas.
The Spinner settings section: Spin time 1000 ms, Arc length 200 degrees.
Its settings. On LVGL 9 the arc starts at 200 degrees.
SettingDefaultWhat it does
Spin time1000 msOne revolution.
Arc length200° (60° on LVGL 8)How much of the circle is drawn, from 45° to 315° (35° to 325° on LVGL 8). Outside that, LVGL would draw the arc wrapped round as it turns.

Example: shown while something is busy

  1. On the Data tab add a Boolean variable called busy and tick On beside Initial value. Whatever the board waits for sets it to 0 when it is done.
  2. Drag a Spinner onto the screen and name it Working; give it a Width and Height of 60. Under Style settings set Part to Arc and Arc > Color to #00A152.
  3. Bind it: Variable busy, Drives Hidden, Formula !raw. It is hidden while busy is 0.
  4. Drag a Label under it saying Connecting..., with the same binding.
A green spinner with the word Connecting... under it.
Shown while busy is 1.
The spinner's Data bindings: Variable busy, Drives Hidden, Formula !raw.
Hidden when busy is 0.