Shimmer vezérlő

Betöltési élmény megjelenítésére használt vezérlő.

Feljegyzés

A teljes dokumentáció és a forráskód a GitHub kódösszetevő-adattárban található.

Description

Ez a kódösszetevő egy burkolót biztosít a Fluent UI Shimmer vezérlő körül, amely egy gombhoz van kötve a vászon >. egyéni oldalakon való használatra.

Kulcs tulajdonságai

Tulajdonság	Description
Items	A renderelendő műveleti elemek
Rows	A renderelendő műveleti elemek
SpacebetweenShimmer	Szóköz vagy hézag az egyes csillogások között több sor esetén.

Elemek tulajdonságai

Az alábbi Táblában található minden Rekordnak a következő értékei lehet:

Tulajdonság	Description
ItemKey	Szükséges. A kulcs, amellyek a konkrét ShimmerElement elemet jelzik. A kulcsnak egyedinek kell lennie.
ItemType	Szükséges. A Shimmer elem típusa a három csillogó elem listájából, azaz kör, hézag és vonal.
ItemRowKey	Szükséges. A RowKey elem jelzésére és a kapcsolat létrehozásához használt kulcs.
ItemHeight	ShimmerElement magassága
ItemWidth	ShimmerElement szélessége
ItemVerticalAlign	Az elem igazodásának megadása. például „felül”, „középen” vagy „alul”

Példa Power Fx-képlet:

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

Sorok (rows_Items) rulajdonságneve

Az alábbi Táblában található minden Rekordnak a következő értékei lehet:

Tulajdonság	Description
RowKey	Szükséges. Az adott Shimmer elem jelzésére és alelemek hozzáadásakor használt kulcs. A kulcsnak egyedinek kell lennie.
RowOrder	A Shimmer renderelésének sorrendje
RowCount	A renderelendő Shimmerek száma
RowWidth	Shimmer szélessége

Példa Power Fx-képlet:

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

Stílus tulajdonságai

Tulajdonság	Description
Theme	A Fluent UI tématervező (windows.net) segítségével létrehozott JSON-sztringet fogad el. Ha üresen hagyja az adott témát, a Power Apps által alapértelmezett téma jelenik meg. Lásd a téma témakört, ha tudni szeretné, hogyan lehet ezt beállítani.
AccessibilityLabel	Képernyőolvasói területcímke

Példatéma

A téma JSON sztringet az összetevő tulajdonságához küldik, miközben a varTheme más standard összetevők, például gombok stílusához is használhatók a különálló színek használatával.

A Shimmerrel való munka közben használt színpalettával kapcsolatos további információkhoz lásd a IShimmerElement dokumentáció IShimmerColors Interface szakaszát.

Korlátozások

Ez a kódösszetevő csak vászonalapú alkalmazásokban és egyéni oldalakon használható.