Animation Type in .NET MAUI Busy Indicator (SfBusyIndicator)
19 Sep 20245 minutes to read
Animation Type in .NET MAUI Busy Indicator
The AnimationType property for the .NET MAUI Busy Indicator allows the users to set one of the animations from the built-in animations. The different types of animations are CircularMaterial, Cupertino, and LinearMaterial.
Circular Material
The CircularMaterial animation is an one of the built-in animations in .NET MAUI Busy Indicator. Refer to the following code example. Here, we’ll 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 an one of the built-in animations in .NET MAUI Busy Indicator. Refer to the following code example. Here, we’ll 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.
Linear Material
The LinearMaterial animation is an one of the built-in animations in .NET MAUI Busy Indicator. Refer to the following code example. Here, we’ll 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.
Single Circle
The SingleCircle animation is an one of the built-in animations in .NET MAUI Busy Indicator. Refer to the following code example. Here, we’ll 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.
Double Circle
The DoubleCircle animation is an one of the built-in animations in .NET MAUI Busy Indicator. Refer to the following code example. Here, we’ll 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 .NET MAUI BusyIndicator. Refer to the following code example. Here, we’ll 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.
