ProgressIndicator kontrolė

Valdiklis, naudojamas įkėlimui kurti.

Pastaba.

Visą instrukciją ir šaltinio kodą galima rasti „GitHub“ kodo komponentų saugykloje.

Aprašą

Eigos indikatoriai naudojami ilgiau nei dvi sekundes trunkančios operacijos užbaigimo būsenai parodyti. Jei eigos būsenos nustatyti negalima, tuomet naudokite Suktuką arba tipą Indeterminate Indicator. Eigos indikatoriai gali būti rodomi naujame skyde, iškeliamajame lange, vartotojo sąsajoje, kuri inicijavo operaciją, arba jie netgi gali pakeisti inicijuojančią vartotojo sąsają tol, kol ji galės būti sugrąžinta, jei atšauksite arba sustabdysite veiklą.

Šis kodo komponentas suteikia apvalkalą aplink "Fluent UI ProgressIndicator" valdiklį, skirtą naudoti drobėje ir pasirinktiniuose puslapiuose. Norėdami sužinoti apie geriausią praktiką, žr. komponento instrukciją.

Ypatybės

Raktų ypatybės

Ypatybė	Aprašą
Label	Pasirenkama suktuko žyma.
Percentage Complete	Operacijos užbaigimo procentinė dalis nuo 0 iki 1. Jei nenustatyta, bus rodomas neapibrėžtas indikatorius.
TypeOfIndicator	Nurodo indikatoriaus tipą. Pasirinkimai Default Indicator arba IndeterminateIndicator
HideProgressState	Nurodykite kaip Teisinga, kad eigos būsena nebūtų rodoma
BarHeight	Nurodykite juostos aukštį, kaip reikalaujama

Stiliaus ypatybės

Ypatybė	Aprašą
Theme	Priima JSON eilutę, sugeneruotą naudojant „Fluent UI“ temų dizaino įrankį (windows.net). Palikus tuščią, bus naudojama numatytoji tema, apibrėžta „Power Apps“. Norėdami gauti pagalbos, kaip tai sukonfigūruoti, žr. temos
AccessibilityLabel	Ekrano skaitytuvo „aria“ žyma

Elgsena

Įkėlimo eigos rodymas

Padarykite, kad procesui prasidėjus būtų matomas pats ProgressIndicator valdiklis (arba sritis, kuriame jis yra), tada atnaujinkite kintamąjį reikšme, kai proceso segmentai užbaigiami. Paslėpkite, kai procesas bus užbaigtas. Kintamuoju valdykite valdiklio matomumą ir atnaujinkite reikšmes tarp pagrindinių proceso kodų blokų, kuriuos reikia nurodyti.

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 });

Kintamąjį var_showProgress pateikite kaip Visible (arba sritis, kuriame jis yra) ypatybės ProgressIndicator reikšmę ir priskirkite ypatybės var_progressValue kintamąjį Value.

Apribojimai

Šį drobės komponentą galima naudoti tik drobės programose ir pasirinktiniuose puslapiuose.