Betöltés (archiválva)

Figyelmeztetés

A dokumentum archiválva lett, és az összetevő nem érhető el a Windows közösségi eszközkészlet aktuális verziójában.

Ez az összetevő elavult, és nem lett felülírva, mivel a platformfunkciók használatával darabosan is felépíthető. Az összetevő által biztosított funkciók szabványos Windows-platformfunkciókkal érhetők el.

További információért:

Az eredeti dokumentáció alább látható.


A Betöltési vezérlő egy animáció megjelenítésére használható, amely bizonyos tartalmakkal rendelkezik, amikor a felhasználónak várnia kell az alkalmazás bizonyos feladataiban.

Szemantika

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

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

Mintakimenet

Animáció betöltése

Tulajdonságok

Ingatlan Típus Description
IsLoading bool Beolvas vagy beállít egy értéket, amely jelzi, hogy a vezérlő betöltési állapotban van-e

Példák

Példa arra, hogyan építhetünk fel egy betöltési vezérlőt.

  • Background és Opacity azok a panelek, amelyek megjelennek és eltűnnek az egyedi vezérlő mögött.
  • A speciális tartalmak megjelenítéséhez használja a LoadingControl elemet.
  • Szintén használhatja a BorderBrush és BorderThickness, hogy módosítsa a 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>

Végül, amikor megjelenik a betöltési vezérlő, be kell állítani a tulajdonságot, a IsLoading következőre: true

LoadingControl.IsLoading = true;
LoadingControl.IsLoading = true

Mintaprojekt

Mintalapforrás betöltése. Ezt működés közben a Windows Közösségi eszközkészlet mintaalkalmazásbantekintheti meg.

Alapértelmezett sablon

Az XAML-fájl betöltése az alapértelmezett stílus eszközkészletében használt XAML-sablon.

Requirements

Eszközcsalád Univerzális, 10.0.16299.0 vagy újabb
Namespace Microsoft.Toolkit.Uwp.UI.Controls
NuGet-csomag Microsoft.Toolkit.Uwp.UI.Controls

API