Ovládací prvok Shimmer

Ovládací prvok používaný na zobrazenie prostredia na načítanie.

Poznámka

Úplnú dokumentáciu a zdrojový kód nájdete v odkladacom priestore komponentov kódu GitHub.

Description

Tento komponent kódu poskytuje obal okolo ovládacieho prvku Fluent UI Shimmer viazaného na tlačidlo na použitie na plátne a vlastných stránkach.

Vlastnosti kľúča

Vlastnosť	Description
Items	Akčné položky na vykreslenie
Rows	Akčné položky na vykreslenie
SpacebetweenShimmer	Medzera alebo medzera medzi každým Shimmerom v prípade viacerých riadkov.

Vlastnosť položiek

Každý záznam v tabuľke nižšie môže mať nasledujúce hodnoty.

Vlastnosť	Description
ItemKey	Povinné. Kľúč, ktorý sa má použiť na označenie konkrétneho ShimmerElement. Kľúče musia byť jedinečné.
ItemType	Povinné. Typ trblietavého prvku zo zoznamu troch trblietavých prvkov, tj kruh, medzera a čiara.
ItemRowKey	Povinné. Kľúč, ktorý sa má použiť na označenie RowKey a vytvorenie vzťahu.
ItemHeight	Výška ShimmerElement
ItemWidth	Šírka ShimmerElement
ItemVerticalAlign	Ak chcete určiť, ako sa má prvok zarovnať. t. j. „hore“, „v strede“ alebo „dole“.

Príklad vzorca Power Fx:

Table({ItemKey:"1",ItemWidth:"3.8",ItemHeight:60,ItemRowKey:"1",ItemType:"circle"},{ItemKey:"2",ItemWidth:"2",ItemHeight:10,ItemRowKey:"1",ItemType:"gap"},{ItemKey:"3",ItemWidth:"20",ItemHeight:10,ItemRowKey:"1",ItemType:"line"},{ItemKey:"4",ItemWidth:"2",ItemHeight:10,ItemRowKey:"1",ItemType:"gap"},{ItemKey:"5",ItemWidth:"2.8",ItemHeight:30,ItemRowKey:"1",ItemType:"line"},{ItemKey:"6",ItemWidth:"2",ItemHeight:10,ItemRowKey:"1",ItemType:"gap"},{ItemKey:"7",ItemWidth:"20",ItemHeight:10,ItemRowKey:"1",ItemType:"line"},{ItemKey:"8",ItemWidth:"1",ItemHeight:10,ItemRowKey:"1",ItemType:"gap"},{ItemKey:"9",ItemWidth:"3.8",ItemHeight:40,ItemRowKey:"1",ItemType:"line"},{ItemKey:"10",ItemWidth:"2",ItemHeight:10,ItemRowKey:"1",ItemType:"gap"},{ItemKey:"11",ItemWidth:"20",ItemHeight:10,ItemRowKey:"1",ItemType:"line"},{ItemKey:"12",ItemWidth:"2",ItemHeight:10,ItemRowKey:"1",ItemType:"gap"},{ItemKey:"13",ItemWidth:"2.8",ItemHeight:30,ItemRowKey:"1",ItemType:"line"},{ItemKey:"14",ItemWidth:"2",ItemHeight:10,ItemRowKey:"1",ItemType:"gap"},{ItemKey:"15",ItemWidth:"20",ItemHeight:10,ItemRowKey:"1",ItemType:"line"},{ItemKey:"16",ItemWidth:"1",ItemHeight:10,ItemRowKey:"1",ItemType:"gap"})

Riadky (rows_Items) Hodnota vlastnosti

Každý záznam v tabuľke nižšie môže mať nasledujúce hodnoty.

Vlastnosť	Description
RowKey	Povinné. Kľúč, ktorý sa používa na označenie konkrétneho Shimmera a pri pridávaní vedľajších položiek. Kľúče musia byť jedinečné.
RowOrder	Poradie, podľa ktorého sa má Shimmer zobraziť
RowCount	Počet Shimmerov na vykreslenie
RowWidth	Šírka Shimmera

Príklad vzorca Power Fx:

Table(
    {
        RowKey: "1",
        RowOrder:1,
        RowCount:5,
        RowWidth: 100
    }
)

Vlastnosti štýlu

Vlastnosť	Description
Theme	Akceptuje reťazec JSON, ktorý je vygenerovaný pomocou aplikácie Fluent UI Theme Designer (windows.net). Ak toto necháte prázdne, použije sa predvolený motív definovaný v Power Apps. Pokyny na konfiguráciu nájdete v časti nastavenie motívov.
AccessibilityLabel	Označenie aria-label pre čítačky obrazovky

Príklad témy

Reťazec Theme JSON sa odovzdá vlastnosti komponentu, zatiaľ čo varTheme sa dá použiť na úpravu iných štandardných komponentov, ako sú tlačidlá pomocou jednotlivých farieb.

Viac informácií o farebnej palete, ktorá sa má použiť pri práci so Shimmerom, nájdete v IShimmerColors Interface časti IShimmerElement dokumentácie.

Obmedzenia

Tento komponent kódu je možné použiť iba v aplikáciách plátna a vlastných stránkach.