Caricamento (archiviato)

Avvertimento

Questo documento è stato archiviato e il componente non è disponibile nella versione corrente di Windows Community Toolkit.

Questo componente è stato deprecato e non sostituito, perché può essere creato a fasi usando le funzionalità della piattaforma. Le funzionalità fornite da questo componente possono essere ottenute tramite le funzionalità della piattaforma Windows standard.

Per altre informazioni:

La documentazione originale è riportata di seguito.

Il controllo Caricamento consente di visualizzare un'animazione con alcuni contenuti quando l'utente deve attendere in alcune attività dell'app.

Prova nell'app di esempio

Sintassi

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

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

Output di esempio

Animazione di caricamento

Proprietà

Proprietà TIPO Description
IsLoading bool Ottiene o imposta un valore che indica se il controllo si trova nello stato di caricamento

Esempi

Un esempio di come possiamo costruire il controllo di caricamento.

  • Background e Opacity sono destinati al pannello che appare e scompare dietro il nostro controllo personalizzato.
  • Usare LoadingControl per visualizzare il contenuto specializzato.
  • È anche possibile usare BorderBrush e BorderThickness per modificare .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>

Infine, una volta che il controllo di caricamento appare, è necessario impostare la IsLoading proprietà su true

LoadingControl.IsLoading = true;

LoadingControl.IsLoading = true

Progetto di esempio

Caricamento della sorgente della pagina di esempio. Puoi vederlo in azione nell'app di esempio di Windows Community Toolkit.

Modello predefinito

Il caricamento del file XAML è il modello XAML usato nel toolkit per lo stile predefinito.

Requisiti

Famiglia di dispositivi Universale, 10.0.16299.0 o versione successiva
Namespace Microsoft.Toolkit.Uwp.UI.Controls
Pacchetto NuGet Microsoft.Toolkit.Uwp.UI.Controls

API

  • Last updated on