Jaa

Spinner hallinta

  • Artikkeli

Latauskokemuksen luova ohjausobjekti.

Muistiinpano

Täydellinen dokumentaatio ja lähdekoodi löytyvät koodikomponenttien GitHub-säilöstä.

Spinner-ohjausobjekti

Description

Hyrrä on ympyräkehikko, joka animoituneena ilmaisee käyttäjälle, että edistymistä tapahtuu. Se tulee näkyviin, kun prosessi ei tiedä, miten kauan tehtävä kestää, eli se on ProgressIndicator-ohjausobjektin määrittämätön versio.

Hyrrien koko vaihtelee, ja ne voivat olla osa sisältöä tai näkyä keskitettynä. Hyrrät tulevat yleensä näkyviin sen jälkeen, kun toimintoa käsitellään tai vahvistetaan. Vaikka ne ovat huomaamattomia eivätkö vie yleensä paljon tilaa, ne ovat siirtymiä valmiista tehtävästä.

Tämä koodikomponentti paketoi Fluent UI:n Spinner-ohjausobjektin pohjaan perustuvilla ja mukautetuilla sivuilla käytettäväksi. Katso parhaat käytännöt komponenttien dokumentaatiosta.

Tärkeimmät ominaisuudet

Ominaisuus Description
Label Hyrräkuvakkeen valinnainen otsikko.
SpinnerSize Hahmonnettavan hyrräkuvakkeen koko. Vaihtoehdot: xSmall, Small, Medium, Large
SpinnerAlignment Hyrräkuvakkeen tasaus ohjausobjektin rajojen sisällä. Vaihtoehdot: Left, Center, Right
LabelPosition Hyrräkuvakkeen otsikon valinnainen asettaminen tiettyyn sijaintiin. Vaihtoehdot: Bottom, Top, Left, Right

Tyylin ominaisuudet

Ominaisuus Description
Theme Hyväksyy Fluent UI Theme Designer (windows.net) -sovelluksella luodun JSON-merkkijonon. Tämän kentän jättäminen tyhjäksi käyttää Power Appsin määrittämää oletusteemaa. Katso määritysohjeet kohdasta Teemat.
AccessibilityLabel Näytönlukuohjelman aria-otsikko

Esimerkki:

Näytä hyrräkuvakkeen latauksen aikana

Spinner-ohjausobjektista tulee näkyvä, kun prosessi alkaa, ja se piilotetaan, kun prosessi on valmis.

Hyrrän näkyvyyttä hallitaan muuttujan avulla, ja arvo päivitetään ennen prosessin koodilohkoa ja sen jälkeen.

UpdateContext({ var_showLoader: true });

/* Some code ... */

UpdateContext({ var_showLoader: false });

Tämän jälkeen var_showLoader-muuttuja annetaan hyrrän IsLoading-ominaisuuden arvona.

Rajoitukset

Tätä koodikomponenttia voidaan käyttää vain pohjaan perustuvissa sovelluksissa ja mukautetuilla sivuilla.