Spinner controle
Een besturingselement dat wordt gebruikt om een laadervaring te maken.
Notitie
Volledige documentatie en broncode vindt u in de GitHub-opslagplaats voor codeonderdelen.
Omschrijving
Een Spinner is een omtrek van een cirkel die om zichzelf heen beweegt en de gebruiker laat zien dat er een bewerking actief is. Het verschijnt wanneer het proces niet zeker weet hoe lang een taak zal duren, waardoor het de onbepaalde versie van een ProgressIndicator-besturingselement wordt.
Spinners kunnen in grootte variëren en kunnen inline met inhoud of gecentreerd worden weergegeven. Spinners verschijnen over het algemeen nadat een actie is verwerkt of uitgevoerd. Ze zijn subtiel en nemen over het algemeen niet veel ruimte in beslag, maar zijn overgangen van de voltooide taak.
Dit codeonderdeel biedt een wrapper rond het besturingselement Spinner van Fluent UI voor gebruik in canvas-apps en aangepaste pagina's. Zie onderdeeldocumentatie voor best practices.
Belangrijke eigenschappen
| Eigenschappen | Omschrijving |
|---|---|
Label |
Optioneel label voor spinner. |
SpinnerSize |
De grootte van de weer te geven spinner. Opties: xSmall, Small, Medium, Large |
SpinnerAlignment |
De uitlijning van de spinner binnen de grenzen van het besturingselement. Opties: Left, Center, Right |
LabelPosition |
Optioneel plaatsen van spinnerlabel op een bepaalde positie. Opties: Bottom, Top, Left, Right |
Stijleigenschappen
| Eigenschappen | Omschrijving |
|---|---|
Theme |
Accepteert een JSON-tekenreeks die is gegenereerd met Ontwerper van Fluent UI Theme (windows.net). Als u dit leeg laat, wordt het standaardthema gebruikt dat door Power Apps is gedefinieerd. Zie Themagebruik voor richtlijnen voor configureren. |
AccessibilityLabel |
Arialabel voor schermlezers |
Voorbeeld
De spinner tijdens het laden weergeven
Maak het besturingselement spinner zichtbaar wanneer een proces begint en verberg het vervolgens wanneer het proces is voltooid.
Gebruik een variabele om de zichtbaarheid van de spinner te regelen en de waarden bij te werken voor en na het codeblok van het proces.
UpdateContext({ var_showLoader: true });
/* Some code ... */
UpdateContext({ var_showLoader: false });
Geef vervolgens de variabele var_showLoader op als de waarde voor de eigenschap IsLoading van de spinner.
Beperkingen
Dit codeonderdeel kan alleen worden gebruikt in canvas-apps en aangepaste pagina's.