Animation Type in .NET MAUI Busy Indicator (SfBusyIndicator)
23 Jul 20266 minutes to read
The AnimationType property for the .NET MAUI Busy Indicator allows users to set one of the built-in animations. By default, the animation type is CircularMaterial. The different types of animations are CircularMaterial, Cupertino, LinearMaterial, SingleCircle, DoubleCircle, Globe and HorizontalPulsingBox.
Prerequisites
Before using the SfBusyIndicator, ensure the following NuGet package is installed in your .NET MAUI project:
Syncfusion.Maui.Core
For a step-by-step setup, refer to the Getting Started documentation.
CircularMaterial
The CircularMaterial animation is one of the built-in animations in the .NET MAUI Busy Indicator. It displays a circular material-style progress animation. Refer to the following code example where we set the animation type as CircularMaterial.
<core:SfBusyIndicator x:Name="busyIndicator"
IsRunning="True"
AnimationType="CircularMaterial" />SfBusyIndicator busyIndicator = new SfBusyIndicator()
{
IsRunning = true,
AnimationType = AnimationType.CircularMaterial,
};The following gif image illustrates the result of the above code.
Cupertino
The Cupertino animation is one of the built-in animations in the .NET MAUI Busy Indicator. It displays an iOS-style activity indicator and is best suited for iOS targets. Refer to the following code example where we set the animation type as Cupertino.
<core:SfBusyIndicator x:Name="busyIndicator"
IsRunning="True"
AnimationType="Cupertino" />SfBusyIndicator busyIndicator = new SfBusyIndicator()
{
IsRunning = true,
AnimationType = AnimationType.Cupertino,
};The following gif image illustrates the result of the above code.
LinearMaterial
The LinearMaterial animation is one of the built-in animations in the .NET MAUI Busy Indicator. It displays a horizontal material-style progress animation. Refer to the following code example where we set the animation type as LinearMaterial.
<core:SfBusyIndicator x:Name="busyIndicator"
IsRunning="True"
AnimationType="LinearMaterial" />SfBusyIndicator busyIndicator = new SfBusyIndicator()
{
IsRunning = true,
AnimationType = AnimationType.LinearMaterial,
};The following gif image illustrates the result of the above code.
SingleCircle
The SingleCircle animation is one of the built-in animations in the .NET MAUI Busy Indicator. It displays a single rotating circle animation. Refer to the following code example where we set the animation type as SingleCircle.
<core:SfBusyIndicator x:Name="busyIndicator"
IsRunning="True"
AnimationType="SingleCircle" />SfBusyIndicator busyIndicator = new SfBusyIndicator()
{
IsRunning = true,
AnimationType = AnimationType.SingleCircle,
};The following gif image illustrates the result of the above code.
DoubleCircle
The DoubleCircle animation is one of the built-in animations in the .NET MAUI Busy Indicator. It displays two concentric rotating circles. Refer to the following code example where we set the animation type as DoubleCircle.
<core:SfBusyIndicator x:Name="busyIndicator"
IsRunning="True"
AnimationType="DoubleCircle" />SfBusyIndicator busyIndicator = new SfBusyIndicator()
{
IsRunning = true,
AnimationType = AnimationType.DoubleCircle,
};The following gif image illustrates the result of the above code.
Globe
The Globe animation is one of the built-in animations in the .NET MAUI Busy Indicator. It displays a rotating globe-style animation. Refer to the following code example where we set the AnimationType as Globe.
<core:SfBusyIndicator x:Name="busyIndicator"
IsRunning="True"
AnimationType="Globe" />SfBusyIndicator busyIndicator = new SfBusyIndicator()
{
IsRunning = true,
AnimationType = AnimationType.Globe,
};The following gif image illustrates the result of the above code.
HorizontalPulsingBox
The HorizontalPulsingBox animation is one of the built-in animations in the .NET MAUI Busy Indicator. It displays a row of horizontally pulsing boxes. Refer to the following code example where we set the AnimationType as HorizontalPulsingBox.
<core:SfBusyIndicator x:Name="busyIndicator"
IsRunning="True"
AnimationType="HorizontalPulsingBox" />SfBusyIndicator busyIndicator = new SfBusyIndicator()
{
IsRunning = true,
AnimationType = AnimationType.HorizontalPulsingBox,
};The following gif image illustrates the result of the above code.
