Getting Started

This article demonstrates how to create a sample application that contains RadBusyIndicator.

Before you proceed, please, take a look at these articles and follow the instructions to setup your app:

The busy indicator is a layout control that can display two views depending on its current state - busy and not-busy. You can define the state of the control via its IsBusy property. The default value is False and the control's normal content is displayed. If you change it to True, the busy content is displayed, which by default is a spinning balls animation. Check the Animations article to see the built-in animations, how to change them and how to us a custom animation.

Example

To use the busy indicator you can include the following namespaces:

xmlns:telerikBusyIndicator="clr-namespace:Telerik.XamarinForms.Primitives;assembly=Telerik.XamarinForms.Primitives"
using Telerik.XamarinForms.Primitives;

Proceed with defining the component:

<telerikBusyIndicator:RadBusyIndicator x:Name="BusyIndicator"
                                       AnimationContentHeightRequest="100"
                                       AnimationContentWidthRequest="100"
                                       IsBusy="True">
    <telerikBusyIndicator:RadBusyIndicator.Content>
        <Label Text="This is the content of the RadBusyIndicator control displayed when the indicator is not busy." TextColor="Black" />
    </telerikBusyIndicator:RadBusyIndicator.Content>
</telerikBusyIndicator:RadBusyIndicator>
RadBusyIndicator radBusyIndicator = new RadBusyIndicator()
{
    IsBusy = true,                
    Content = new Label() { Text = "This is the content of the RadBusyIndicator control displayed when the indicator is not busy.", TextColor = Color.Black },
    AnimationContentWidthRequest = 100,
    AnimationContentHeightRequest = 100,
};

Figure 1: RadBusyIndicator when IsBusy is True

BusyIndicator example

Figure 2: RadBusyIndicator when IsBusy is False

BusyIndicator example

See Also