Ovládací prvek Shimmer

Ovládací prvek používaný k zobrazení prostředí pro načítání.

Poznámka:

Úplná dokumentace a zdrojový kód jsou k dispozici v úložišti komponent kódu GitHubu.

Description

Tato komponenta kódu poskytuje obálku kolem ovládacího prvku Fluent UI Shimmer vázaného k tlačítku pro použití na plátně a vlastních stránkách.

Hlavní vlastnosti

Vlastnost	Description
Items	Akční položky k vykreslení
Rows	Akční položky k vykreslení
SpacebetweenShimmer	Mezera mezi jednotlivými prvky Shimmer v případě více řádků.

Vlastnosti položek

Každý záznam v níže uvedené tabulce může mít následující hodnoty.

Vlastnost	Description
ItemKey	Požadováno. Klíč, který se má použít k označení konkrétního ShimmerElement. Klíče musí být jedinečné.
ItemType	Požadováno. Typ prvku Shimmer ze seznamu tří prvků typu Shimmer, tj. kruh, mezera a čára.
ItemRowKey	Požadováno. Klíč, který se má použít k označení RowKey a navázání vztahu.
ItemHeight	Výška ShimmerElement
ItemWidth	Šířka ShimmerElement
ItemVerticalAlign	Chcete-li určit, jak se má prvek zarovnat. tj. „nahoru“, „na střed“, nebo „dolů“.

Příklad vzorce 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"})

Hodnota vlastnosti Rows (rows_Items)

Každý záznam v níže uvedené tabulce může mít následující hodnoty.

Vlastnost	Description
RowKey	Požadováno. Klíč používaný k označení konkrétního prvku Shimmer a při přidávání dílčích položek. Klíče musí být jedinečné.
RowOrder	Pořadí, ve kterém se má Shimmer vykreslit
RowCount	Počet prvků Shimmer k vykreslení
RowWidth	Šířka Shimmer

Příklad vzorce Power Fx:

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

Vlastnosti stylu

Vlastnost	Description
Theme	Přijímá řetězec JSON, který je generován pomocí návrháře motivů Fluent UI (windows.net). Ponecháte-li toto prázdné, použije se výchozí motiv definovaný Power Apps. Nápovědu ke konfiguraci naleznete v části motivy.
AccessibilityLabel	Popisek Aria pro čtečky obrazovky

Příklad motivu

Řetězec JSON Theme je předán vlastnosti komponenty, zatímco varTheme lze použít ke stylování dalších standardních komponent, jako jsou tlačítka pomocí jednotlivých barev.

Další informace o paletě barev, která se má použít při práci se Shimmer, viz část IShimmerColors Interface dokumentace IShimmerElement.

Omezení

Tuto komponentu kódu lze použít pouze v aplikacích plátna a vlastních stránkách.