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.
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.