Spinner kontrola
Kontrolka używana do tworzenia środowiska ładowania.
Uwaga
Pełna dokumentacja i kod źródłowy znajdują się w repozytorium GitHub komponentów kodu.
opis
Spinner to zarys koła, który sam się nie aniuje, wskazując użytkownikowi, że wszystkie czynności są przetwarzane. Pojawia się komunikat, kiedy proces nie jest pewności, jak długo potrwa zadanie, co spowoduje, że będzie on nieokreślony w wersji kontrolki ProgressIndicator.
Pokrętła mogą mieć różne rozmiary i mogą być umieszczone w tekście z zawartością lub wyśrodkowane. Pokrętła są przeważnie wyświetlane po przetworzeniu lub zakończeniu działania. Są polegane na tym, że zazwyczaj nie zająć dużo miejsca, ale są to przejścia z zakończonego zadania.
Ten składnik kodu udostępnia obszar, który można przećwicić przez formant Fluent UI Spinner, który ma być używać przycisku na kanwie i na stronach niestandardowych. Zapoznaj się z dokumentacją komponentów, aby zapoznać się z najlepszymi praktykami.
Właściwości kluczowe
Właściwości | opis |
---|---|
Label |
Opcjonalna etykieta pokrętła. |
SpinnerSize |
Rozmiar pokrętła do renderowania. Wybór: xSmall , Small , Medium , Large |
SpinnerAlignment |
Wyrównanie pokrętła w granicach formantu. Wybór: Left , Center , Right |
LabelPosition |
Opcjonalne umieszczenie etykiety pokrętła w określonym miejscu. Wybór: Bottom , Top , Left , Right |
Właściwości stylu
Właściwości | opis |
---|---|
Theme |
Akceptuje ciąg JSON generowany przy użyciu Projektanta motywów interfejsu użytkownika (windows.net). Pozostawienie tego pustego będzie używać domyślnego motywu zdefiniowanego przez ustawienie Power Apps. Zobacz motywy, aby uzyskać wskazówki dotyczące konfiguracji. |
AccessibilityLabel |
Czytnik ekranu aria-label |
Przykład
Wyświetlanie pokrętła podczas ładowania
Formant pokrętła należy był widoczny podczas rozpoczynania procesu, a następnie ukrywać go po zakończeniu procesu.
Użyj zmiennej, aby kontrolować widoczność pokrętła i aktualizuj wartości przed i po bloku kodu procesu.
UpdateContext({ var_showLoader: true });
/* Some code ... */
UpdateContext({ var_showLoader: false });
Następnie należy podać zmienną var_showLoader
jako wartość właściwości IsLoading
pokrętła.
Ograniczenia
Tego składnika kodu można używać tylko w aplikacjach kanwy i na stronach niestandardowych.