Compartir a través de


Cargando (archivado)

Advertencia

Este documento se ha archivado y el componente no está disponible en la versión actual del Kit de herramientas de la comunidad de Windows.

Este componente ha quedado en desuso y no se ha reemplazado, ya que se puede crear por etapas mediante las características de la plataforma. La funcionalidad proporcionada por este componente se puede lograr a través de las características estándar de la plataforma Windows.

Para obtener más información:

A continuación se muestra la documentación original.


El control Carga es para mostrar una animación con contenido cuando el usuario debe esperar en algunas tareas de la aplicación.

Syntax

<Page ...
     xmlns:controls="using:Microsoft.Toolkit.Uwp.UI.Controls"/>

<controls:Loading x:Name="LoadingControl" IsLoading="{Binding IsBusy}">
    <!-- Loading screen content -->
</controls:Loading>

Salida de ejemplo

Carga de animación

Propiedades

Propiedad Tipo Description
IsLoading bool Obtiene o establece un valor que indica si el control está en estado de carga.

Examples

Un ejemplo de cómo se puede crear el control de carga.

  • Background y Opacity son para el panel que se muestra y oculta detrás de nuestro control personalizado.
  • Usa el LoadingControl para mostrar contenido especializado.
  • También puede usar BorderBrush y BorderThickness para cambiar el LoadingControl.
<controls:Loading x:Name="LoadingControl" IsLoading="{Binding IsBusy}"  >
    <StackPanel Orientation="Horizontal" Padding="12">
        <Grid Margin="0,0,8,0">
            <Image Source="../../Assets/ToolkitLogo.png" Height="50" />
            <ProgressRing IsActive="True" Foreground="Blue" />
        </Grid>
        <TextBlock Text="It's ok, we are working on it :)" Foreground="Black" VerticalAlignment="Center" />
    </StackPanel>
</controls:Loading>

Finalmente, una vez que aparezca el control de carga, debemos establecer la propiedad IsLoading en true.

LoadingControl.IsLoading = true;
LoadingControl.IsLoading = true

Proyecto de ejemplo

Cargando la fuente de la página de ejemplo. Puede ver esto en acción en la aplicación de ejemplo del Kit de Herramientas de la Comunidad de Windows.

Plantilla predeterminada

Cargar archivo XAML es la plantilla XAML que se usa en el kit de herramientas para el estilo predeterminado.

Requisitos

Familia de dispositivos Universal, 10.0.16299.0 o superior
Namespace Microsoft.Toolkit.Uwp.UI.Controls
Paquete de NuGet Microsoft.Toolkit.Uwp.UI.Controls

API