Del via

Shimmer kontrol

  • Artikel

Et kontrolelement, der bruges til at vise en indlæsningsoplevelse.

Bemærk

Fuld dokumentation og kildekode fundet i GitHub-kodekomponenters lager.

Shimmer-kontrolelement

Beskrivelse

Denne kodekomponent tilføjer en ombryder rundt om kontrolelementet på Fluent UI Shimmer, der er bundet til en knap til brug i lærredapps og på brugerdefinerede sider.

Nøgleegenskaber

Property Description
Items De handlingspunkter, der skal gengives
Rows De handlingspunkter, der skal gengives
SpacebetweenShimmer Tom plads eller mellemrum mellem hver enkelt Shimmer i tilfælde af flere rækker.

Egenskaben Elementer

Hver post i tabellen nedenfor indeholder kan have følgende værdier.

Egenskab Beskrivelse
ItemKey Krævet. Den nøgle, der skal bruges til at angive bestemte ShimmerElement. Tasterne skal være entydige.
ItemType Krævet. Elementtypen Shimmer på listen over tre elementer, dvs. cirkel, mellemrum og linje.
ItemRowKey Krævet. Den nøgle, der skal bruges til at angive RowKey og oprette relationer.
ItemHeight Højde på ShimmerElement
ItemWidth Bredde på ShimmerElement
ItemVerticalAlign Angive, hvordan elementet skal justeres. dvs. 'øverst', 'centreret' eller 'nederst'.

Elsempel Power Fx formula:

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

Værdi af rækker (rows_Items) Egenskab

Hver post i tabellen nedenfor indeholder kan have følgende værdier.

Egenskab Beskrivelse
RowKey Krævet. Den tast, der skal bruges til at angive, hvilket Shimmer der er valgt, og når der tilføjes underelementer. Tasterne skal være entydige.
RowOrder Den rækkefølge, som Shimmer skal gengives i
RowCount Det antal Shimmer, der skal gengives
RowWidth Bredde på Shimmer

Elsempel Power Fx formula:

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

Egenskaber for typografi

Egenskab Beskrivelse
Theme Accepterer en JSON-streng, der oprettes ved hjælp af Fluent UI Theme-designer (windows.net). Hvis du lader dette være tomt, vises standardtemaet, defineret af Power Apps. Se tema for, hvordan du konfigurerer.
AccessibilityLabel Aria-label til skærmlæsere

Eksempeltema

Strengen Theme JSON overføres til komponentegenskaben. varTheme kan bruges til at style andre standardkomponenter, f.eks. knapper ved hjælp af de enkelte farver.

Du kan finde flere oplysninger om den farvefarve, der skal bruges, mens du arbejder med Shimmer, i dokumentationen IShimmerColors Interface-afsnittet i IShimmerElement.

Begrænsninger

Denne kodekomponent kan kun bruges i lærredapps og brugerdefinerede sider.