Progress Spinners

Progress spinners are used when some form of processing is occurring to tell the end user that something is happening.

A large RingSpinner control

RingSpinner

The RingSpinner control renders an animated ring where the two ring segment ends chase each other around the circle.

A couple RingSpinner controls

Animation

The IsSpinning property must be set to true to activate animated spinning.

Layout

The outer radius of the ring will be auto-calculated based on the Width and Height of the control, both of which should always be set. If Width and Height are 16 and there is no Padding set, the ring's calculated Radius will be 8.

Appearance

The Foreground and LineThickness properties specify the Brush and thickness of the ring, extending inward from the outer radius. The LineCap property (defaults to Round) designates the shape of the line ends.

Tip

Use a LineThickness value that is the same as the Radius to render a pie. The LineCap property should be set to Flat when rendering as a pie.

The Background property can be set to a Brush that will render the ring's track positioned behind the animated ring. It is not specified by default, meaning there is no visible track unless the Background property is set.

Usage Example

xmlns:actipro="http://schemas.actiprosoftware.com/avaloniaui"
...

<actipro:RingSpinner Width="24" Height="24" Classes="accent"
	Background="{actipro:ThemeResource Container5BackgroundBrush}"
	LineThickness="3" LineCap="Flat" IsSpinning="True" />