Xamarin.Forms ActivityIndicator

Download SampleDescargar el ejemplo

El control Xamarin.FormsActivityIndicator muestra una animación para mostrar que la aplicación se dedica a una actividad larga. A diferencia del ProgressBar, el ActivityIndicator no proporciona ninguna indicación de progreso. El ActivityIndicator hereda de View.

En las siguientes capturas de pantalla se muestra un control ActivityIndicator en iOS y Android:

Screenshot of ActivityIndicator on iOS and Android

El control ActivityIndicator define las propiedades siguientes:

  • Color es un valor de Color que define el color para mostrar del ActivityIndicator.
  • IsRunning es un valor bool que indica si ActivityIndicator debe estar visible y animar, u ocultar. Cuando el valor es false el ActivityIndicator no está visible.

Estas propiedades están respaldadas por objetos BindableProperty, lo cual significa que se puede aplicar estilo a ActivityIndicator y puede ser el destino de los enlaces de datos.

Creación de ActivityIndicator

La clase ActivityIndicator se puede crear una instancia en XAML. Su propiedad IsRunning determina si el control está visible y animando. La propiedad IsRunning tiene como valor predeterminado false. En el ejemplo siguiente se muestra cómo crear una instancia de ActivityIndicator en XAML con el conjunto de propiedades opcional IsRunning:

<ActivityIndicator IsRunning="true" />

También se puede crear un ActivityIndicator en el código:

ActivityIndicator activityIndicator = new ActivityIndicator { IsRunning = true };

Propiedades de apariencia de ActivityIndicator

La propiedad Color define el color ActivityIndicator. En el ejemplo siguiente se muestra cómo crear una instancia de ActivityIndicator en XAML con el conjunto de propiedades Color:

<ActivityIndicator Color="Orange" />

La propiedad Color también se puede establecer al crear un ActivityIndicator en el código:

ActivityIndicator activityIndicator = new ActivityIndicator { Color = Color.Orange };

En las siguientes capturas de pantalla se muestra ActivityIndicator con la propiedad Color establecida en Color.Orange en iOS y Android:

Screenshot of styled ActivityIndicator on iOS and Android