Spinner kontroll
En kontroll som brukes til å opprette en lastingsopplevelse.
Merk
Full dokumentasjons- og kildekode funnet i GitHub-kodekomponentrepositoriet.
Bekrivelse
En spinner er en omriss av en sirkel som animerer rundt seg selv og angir for brukeren at ting behandles. Den vises når prosessen er usikker på hvor lang tid en oppgave vil ta, noe som gjør den til den ubestemte versjonen av en ProgressIndicator-kontroll.
Spinnere kan variere i størrelse og kan plasseres innebygd med innhold eller midtstilt. Spinnere vises vanligvis etter at en handling er behandlet eller utført. De er diskrete og tar vanligvis ikke opp mye plass, men er overføringer fra den fullførte oppgaven.
Denne kodekomponenten gir en wrapper rundt Fluent UI Spinner-kontrollen for bruk i lerret og på egendefinerte sider. Se komponentdokumentasjon for gode fremgangsmåter.
Nøkkelegenskaper
| Egenskap | Bekrivelse |
|---|---|
Label |
Valgfri etikett for spinner. |
SpinnerSize |
Størrelsen på spinneren som skal gjengis. Valg: xSmall, Small, Medium, Large |
SpinnerAlignment |
Justeringen av spinneren innenfor kontrollgrensene. Valg: Left, Center, Right |
LabelPosition |
Valgfri plassering av spinneretikett i en bestemt posisjon. Valg: Bottom, Top, Left, Right |
Stilegenskaper
| Egenskap | Bekrivelse |
|---|---|
Theme |
Godtar en JSON-streng som genereres ved hjelp av Fluent UI Theme Designer (windows.net). Hvis du lar dette stå tomt, bruker du standardtemaet definert av Power Apps. Se Bruk av tema for hjelp til å konfigurere. |
AccessibilityLabel |
Skjermleser aria-etikett |
Eksempel
Vise spinneren under lasting
Gjør spinner-kontrollen synlig når en prosess begynner, og skjul den deretter når prosessen er fullført.
Bruk en variabel til å styre synligheten for spinneren og oppdatere verdiene før og etter kodeblokken for prosessen.
UpdateContext({ var_showLoader: true });
/* Some code ... */
UpdateContext({ var_showLoader: false });
Angi deretter var_showLoader-variabelen som verdi for spinnerens IsLoading-egenskap.
Begrensninger
Denne kodekomponenten kan bare brukes i lerretsapper og egendefinerte sider.