Kontrolnik ProgressIndicator

Ta kontrolnik se uporablja za ustvarjanje izkušnje nalaganja.

opomba,

Celotno gradivo in izvirna koda sta na voljo v skladišču komponent kode storitve GitHub.

Nadzor indikatorja napredka.

Description

Indikatorji napredka se uporabljajo za prikaz statusa dokončanja operacije, ki traja več kot dve sekundi. Če stanja napredka ni mogoče določiti, uporabite Pomikalnik ali pa namesto tega uporabite tip Indeterminate Indicator. Indikatorji napredka se lahko prikažejo na novi plošči, v pojavnem oknu, pod uporabniškim vmesnikom, ki je sprožil operacijo, ali pa lahko celo nadomestijo začetni uporabniški vmesnik, če se uporabniški vmesnik lahko vrne, če prekličete ali ustavite dejavnost.

Ta komponenta kode zagotavlja ovoj okoli kontrolnika Fluent UI ProgressIndicator za uporabo na platnu in straneh po meri. Primeri najboljših praks so na voljo v gradivu komponente.

Lastnosti

Lastnosti ključa

Lastnost Description
Label Izbirna oznaka za pomikalnik.
Percentage Complete Odstotek dokončane operacije na lestvici od 0 do 1. Če ni nastavljen, bo prikazan nedoločen kazalnik.
TypeOfIndicator Določi vrsto sloga indikatorja. Možnosti: Default Indicator ali IndeterminateIndicator
HideProgressState Določite true, da skrijete stanje napredka
BarHeight Po potrebi določite višino vrstice

Lastnosti sloga

Lastnost Description
Theme Sprejme niz JSON, ki je ustvarjen z oblikovalnikom tem Fluent UI Theme Designer (windows.net). Če pustite to polje prazno, bo uporabljena privzeta tema, določena za Power Apps. Glejte nastavitev tem za pomoč pri konfiguraciji.
AccessibilityLabel Oznaka aria za bralnik zaslona

Način delovanja

Prikaz napredka nalaganja

Naj bo sam kontrolnik ProgressIndicator (ali površina, znotraj katere se nahaja) viden, ko se proces začne, nato pa posodobite spremenljivko z vrednostjo, ko so segmenti procesa dokončani. Skrijte, ko je proces dokončan. Uporabite spremenljivko za nadzor vidnosti kontrolnika in posodobite vrednosti med glavnimi bloki kode procesa, ki jih je treba navesti.

UpdateContext({ var_showProgress: true , var_progressValue: 0 });

/* Some code ... */

UpdateContext({ var_progressValue: 25 });

/* Some code ... */

UpdateContext({ var_progressValue: 50 });

/* Some code ... */

UpdateContext({ var_progressValue: 75 });

/* Some code ... */

UpdateContext({ var_progressValue: 100 });

Notify("Successfully completed process", NotificationType.Success);

UpdateContext({ var_showProgress: false });

Podajte spremenljivko var_showProgress kot vrednost lastnosti Visible za ProgressIndicator (ali površine, ki jo vsebuje) in dodelite spremenljivko var_progressValue za lastnost Value.

Omejitve

Ta komponenta delovnega območja se lahko uporablja samo v aplikacijah s platnom in na straneh po meri.