Delen via


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.

Besturingselement Spinner.

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.