ProgressIndicator kontroll

Artikkel
03/21/2023

En kontroll som brukes til å opprette en lastingsopplevelse.

Merk

Full dokumentasjons- og kildekode funnet i GitHub-kodekomponentrepositoriet.

ProgressIndicator-kontroll.

Bekrivelse

Fremdriftsindikatorer brukes til å vise fullføringsstatusen for en operasjon som varer mer enn to sekunder. Hvis fremdriftstilstanden ikke kan fastsettes, bruker Spinner eller Indeterminate Indicator-typen i stedet. Fremdriftsindikatorer kan vises i et nytt panel, i et undermenyvindu, under grensesnittet som starter operasjonen, eller de kan til og med erstatte startgrensesnittet – så lenge brukergrensesnittet kan returnere hvis du avbryter eller stopper aktiviteten.

Denne kodekomponenten gir en wrapper rundt Fluent UI ProgressIndicator-kontrollen for bruk i lerretapper og på egendefinerte sider. Se komponentdokumentasjon for gode fremgangsmåter.

Egenskaper

Nøkkelegenskaper

Egenskap	Bekrivelse
`Label`	Valgfri etikett for spinner.
`Percentage Complete`	Prosentandel av operasjonen som er fullført, på en skala fra 0 til 1. Hvis ikke angitt ubestemt indikator vises.
`TypeOfIndicator`	Angir typen indikatorstil. Valg: `Default Indicator` eller `IndeterminateIndicator`
`HideProgressState`	Angi sann for å skjule fremdriftstilstand
`BarHeight`	Angi høyden på linjen etter gjeldende

Stilegenskaper

Egenskap	Bekrivelse
`Theme`	Godtar en JSON-streng som genereres ved hjelp av Fluent UI Theme Designer (windows.net). Hvis du lar dette stå tomt, bruker du standardtemaet definert av Power Apps. Se Bruk av tema for hjelp til å konfigurere.
`AccessibilityLabel`	Skjermleser aria-etikett

Virkemåte

Vis lastingsprosess

Gjør selve ProgressIndicator-kontrollen (eller overflaten den er plassert i) synlig når en prosess begynner, og oppdater deretter en variabel med verdien når segmentene i prosessen er fullført. Skjul den når prosessen er fullført. Bruk en variabel til å styre synligheten for kontrollen og oppdatere verdiene mellom prosessens hovedkodeblokk som trenger indikasjon.

UpdateContext({ var_showProgress: true , var_progressValue: 0 });

/* Some code ... */

UpdateContext({ var_progressValue: 25 });

/* Some code ... */

UpdateContext({ var_progressValue: 50 });

/* Some code ... */

UpdateContext({ var_progressValue: 75 });

/* Some code ... */

UpdateContext({ var_progressValue: 100 });

Notify("Successfully completed process", NotificationType.Success);

UpdateContext({ var_showProgress: false });

Angi var_showProgress-variabelen som verdien for Visible-egenskapen til ProgressIndicator (eller overflaten som inneholder den), og tildel var_progressValue-variabelen for Value-egenskapen.

Begrensninger

Denne lerretskomponenten kan bare brukes i lerretsapper og egendefinerte sider.

Del via