Dela via


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.

Spinner-kontroll.

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.