Zdieľať cez


Spinner ovládanie

Ovládací prvok používaný na vytvorenie prostredia na načítanie.

Poznámka

Úplnú dokumentáciu a zdrojový kód nájdete v odkladacom priestore komponentov kódu GitHub.

Ovládanie spinnerom.

Description

Spinner je obrys kruhu, ktorý sa okolo seba animuje a naznačuje používateľovi, že sa veci spracúvajú. Objavuje sa, keď si proces nie je istý, ako dlho bude úloha trvať, čo z neho robí neurčitú verziu ovládacieho prvku ProgressIndicator.

Spinery môžu mať rôznu veľkosť a môžu byť umiestnené v súlade s obsahom alebo vycentrované. Spinnery sa vo všeobecnosti objavia po spracovaní alebo vykonaní akcie. Sú jemné a vo všeobecnosti nezaberajú veľa miesta, ale sú prechodom od dokončenej úlohy.

Tento komponent kódu poskytuje obal okolo ovládacieho prvku Fluent UI Spinner na použitie v plátno & vlastné stránky. Najlepšie postupy nájdete v dokumentácii k súčasti.

Kľúčové vlastnosti

Vlastnosť Description
Label Voliteľné označenie pre spinner.
SpinnerSize Veľkosť spinneru, ktorý sa má vykresliť. Voľby: xSmall, Small, Medium, Large
SpinnerAlignment Zarovnanie spinnera v rámci hraníc ovládacieho prvku. Voľby: Left, Center, Right
LabelPosition Voliteľné umiestnenie označenia spinnera na konkrétnu pozíciu. Voľby: Bottom, Top, Left, Right

Vlastnosti štýlu

Vlastnosť Description
Theme Akceptuje reťazec JSON, ktorý je vygenerovaný pomocou aplikácie Fluent UI Theme Designer (windows.net). Ak toto necháte prázdne, použije sa predvolený motív definovaný v Power Apps. Pokyny na konfiguráciu nájdete v časti nastavenie motívov.
AccessibilityLabel Označenie aria-label pre čítačky obrazovky

Príklad

Zobrazenie spinnera pri načítaní

Zviditeľnite ovládací prvok spinnera, keď sa proces spustí, a potom ho po dokončení procesu skryte.

Použite premennú na ovládanie viditeľnosti číselníka a aktualizujte hodnoty pred a za blokom kódu procesu.

UpdateContext({ var_showLoader: true });

/* Some code ... */

UpdateContext({ var_showLoader: false });

Potom zadajte premennú var_showLoader ako hodnotu vlastnosti IsLoading spinnera.

Obmedzenia

Tento komponent kódu je možné použiť iba v aplikáciách plátna a vlastných stránkach.