Zdieľať cez

Shimmer ovládanie

  • Článok

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.

Ovládanie lesku.

Description

Tento komponent kódu poskytuje obal okolo ovládacieho prvku Fluent UI Shimmer naviazaného na tlačidlo na použitie v plátne & vlastné stránky.

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 prvku Shimmer zo zoznamu troch lesklých prvkov, t. j. kruh, medzera & riadok.
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.