Spinner kontroll
En kontroll som används för att skapa en inläsningsupplevelse.
Kommentar
Fullständig dokumentation och källkod finns i lagringsplatsen för GitHub-kodkomponenter.
Description
En Spinner är en disposition av en cirkel som animerar runt sig själv och indikerar för användaren att saker bearbetas. Visas när processen är osäker på hur lång tid en uppgift kommer att ta, vilket gör uppgiften till en obestämd version av kontrollen ProgressIndicator.
Spinners kan variera i storlek och kan placeras infogade med innehåll eller centrerade. Spinners visas vanligtvis när en åtgärd bearbetas eller bekräftas. De är diskreta och tar vanligtvis inte upp så mycket utrymme, men är övergångar från den slutförda uppgiften.
Den här kodkomponenten fungerar som reglage runt kontrollen Fluent UI Spinner för användning i arbetsyta och anpassade sidor. Metodtips finns i komponentdokumentationen.
Nyckelegenskaper
Property | Description |
---|---|
Label |
Valfri etikett för spinner; |
SpinnerSize |
Storleken på spinner som ska återges. Val: xSmall , Small , Medium , Large |
SpinnerAlignment |
Inriktningen av spinner inom kontrollgränserna. Val: Left , Center , Right |
LabelPosition |
Valfritt placering av spinneretiketten till en viss plats. Val: Bottom , Top , Left , Right |
Stilegenskaper
Property | Description |
---|---|
Theme |
Godkänner en JSON-sträng som genereras med Fluent UI temadesigner (windows.net). Om du lämnar detta tomt används standardstandarden som definieras av Power Apps. Se tema för vägledning om hur du konfigurerar. |
AccessibilityLabel |
Aria-etikett för skärmläsare |
Exempel
Visa spinner när den laddar
Gör spinner-kontrollen synlig när en process börjar och dölj den sedan när processen är slutförd.
Använd en variabel för att kontrollera spinnerns synlighet och uppdatera värdena före och efter processens kodblock.
UpdateContext({ var_showLoader: true });
/* Some code ... */
UpdateContext({ var_showLoader: false });
Ange sedan variabeln var_showLoader
som värde för spinnerns IsLoading
-egenskap.
Begränsningar
Den här kodkomponenten kan endast användas i arbetsyteappar och anpassade sidor.