Animation Type in .NET MAUI Busy Indicator (SfBusyIndicator)
21 May 20255 minutes to read
The AnimationType property for the .NET MAUI Busy Indicator allows users to set one of the built-in animations. The different types of animations are CircularMaterial, Cupertino, LinearMaterial, SingleCircle, DoubleCircle, Globe and HorizontalPulsingBox.
CircularMaterial
The CircularMaterial animation is an one of the built-in animations in the .NET MAUI Busy Indicator. Refer to the following code example where 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. 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. 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. 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. 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. Refer to the following code example where we set the AnimationType as Globe.
<core:SfBusyIndicator AnimationType="Globe" IsRunning="True"/>SfBusyIndicator busyIndicator = new SfBusyIndicator()
{
AnimationType = AnimationType.Globe,
IsRunning = true
};The following gif image illustrates the result of the above code.
HorizontalPulsingBox
The horizontal pulsing box animation is one of the built-in animations in the .NET MAUI Busy Indicator. Refer to the following code example where we set the AnimationType as HorizontalPulsingBox.
<core:SfBusyIndicator AnimationType="HorizontalPulsingBox" IsRunning="True"/>SfBusyIndicator busyIndicator = new SfBusyIndicator()
{
AnimationType = AnimationType.HorizontalPulsingBox,
IsRunning = true
};The following gif image illustrates the result of the above code.
