Ovládací prvek Spinner
Ovládací prvek používaný k vytvoření prostředí pro načítání.
Poznámka:
Úplná dokumentace a zdrojový kód jsou k dispozici v úložišti komponent kódu GitHubu.
Description
Ovládací prvek Spinner je obrys kruhu, který se animuje kolem dokola a naznačuje uživateli, že probíhá nějaké zpracování. Objeví se, když si proces není jistý, jak dlouho bude úkol trvat, což z něj činí neurčitou verzi ovládacího prvku ProgressIndicator.
Spinnery se mohou lišit velikostí a mohou být umístěny uvnitř obsahu nebo vycentrovány. Spinnery se obvykle objevují po zpracování nebo potvrzení akce. Obecně nezabírají mnoho místa, ale jsou přechodem od dokončeného úkolu.
Tato komponenta kódu poskytuje obálku kolem ovládacího prvku Fluent UI Spinner pro použití na plátně a vlastních stránkách. Osvědčené postupy naleznete v dokumentaci komponent.
Hlavní vlastnosti
| Vlastnost | Description |
|---|---|
Label |
Volitelný štítek pro spinner. |
SpinnerSize |
Velikost spinneru, který má být vykreslen. Volby: xSmall, Small, Medium, Large |
SpinnerAlignment |
Zarovnání spinneru v rámci hranic ovládacího prvku. Volby: Left, Center, Right |
LabelPosition |
Volitelné umístění štítku spinneru na konkrétní pozici. Volby: Bottom, Top, Left, Right |
Vlastnosti stylu
| Vlastnost | Description |
|---|---|
Theme |
Přijímá řetězec JSON, který je generován pomocí návrháře motivů Fluent UI (windows.net). Ponecháte-li toto prázdné, použije se výchozí motiv definovaný Power Apps. Nápovědu ke konfiguraci naleznete v části motivy. |
AccessibilityLabel |
Popisek Aria pro čtečky obrazovky |
Příklad
Zobrazení spinneru při načítání
Zobrazte ovládací prvek Spinner při zahájení procesu a poté jej po dokončení procesu zase skryjte.
Použijte proměnnou k ovládání viditelnosti ovládacího prvku Spinner a aktualizaci hodnot před a po bloku kódu procesu.
UpdateContext({ var_showLoader: true });
/* Some code ... */
UpdateContext({ var_showLoader: false });
Poté zadejte proměnnou var_showLoader jako hodnotu pro vlastnost IsLoading ovládacího prvku Spinner.
Omezení
Tuto komponentu kódu lze použít pouze v aplikacích plátna a vlastních stránkách.