Shimmer-kontroll

En kontroll som brukes til å vise en lastingsopplevelse.

Merk

Full dokumentasjons- og kildekode funnet i GitHub-kodekomponentrepositoriet.

Bekrivelse

Denne kodekomponenten gir en wrapper rundt Fluent UI Shimmer-kontrollen bundet til en knapp for bruk i lerret og på egendefinerte sider.

Nøkkelegenskaper

Egenskap	Bekrivelse
Items	Handlingselementene som skal gjengis
Rows	Handlingselementene som skal gjengis
SpacebetweenShimmer	Mellomrom mellom hvert Shimmer-tilfelle av flere rader.

Items-egenskaper

Hver oppføring i tabellen nedenfor kan ha følgende verdier.

Egenskap	Bekrivelse
ItemKey	Påkrevd. Nøkkelen som skal brukes for å angi et bestemt ShimmerElement. Nøklene må være unikt.
ItemType	Påkrevd. Shimmer-elementtypen fra listen over tre shimmer-elementer, det vil si sirkel, linjeavstand og linje.
ItemRowKey	Påkrevd. Nøkkelen som skal brukes for å angi RowKey og opprette relasjon.
ItemHeight	Høyden på ShimmerElement
ItemWidth	Bredden på ShimmerElement
ItemVerticalAlign	Hvis du vil angi hvordan elementet skal justeres. for eksempel topp, midten eller bunn.

Eksempel på Power Fx-formel:

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

Rader (rows_Items) egenskapesverdi

Hver oppføring i tabellen nedenfor kan ha følgende verdier.

Egenskap	Bekrivelse
RowKey	Påkrevd. Nøkkelen som skal brukes for å angi spesifikk Shimmer, og når du legger til underordnede elementer. Nøklene må være unikt.
RowOrder	Rekkefølgen Shimmer skal gjengi i
RowCount	Antall Shimmer som skal gjengis
RowWidth	Bredden på Shimmer

Eksempel på Power Fx-formel:

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

Stilegenskaper

Egenskap	Bekrivelse
Theme	Godtar en JSON-streng som genereres ved hjelp av Fluent UI Theme Designer (windows.net). Hvis du lar dette stå tomt, bruker du standardtemaet definert av Power Apps. Se Bruk av tema for hjelp til å konfigurere.
AccessibilityLabel	Skjermleser aria-etikett

Eksempeltema

Tema-JSON-strengen sendes til komponentegenskapen, og varTheme kan brukes til å style andre standardkomponenter, for eksempel knapper som bruker enkeltfargene.

Hvis du vil ha mer informasjon om fargepaletten som skal brukes når du arbeider med Shimmer, kan du se IShimmerColors Interface-delen i IShimmerElement-dokumentasjonen.

Begrensninger

Denne kodekomponenten kan bare brukes i lerretsapper og egendefinerte sider.