Dela via

Shimmer kontroll

  • Artikel

En kontroll som används för att visa en inläsningsupplevelse.

Kommentar

Fullständig dokumentation och källkod finns i lagringsplatsen för GitHub-kodkomponenter.

Shimmer-kontroll.

Beskrivning

Den här kodkomponenten fungerar som reglage runt Fluent UI Shimmer kontroll bunden till en knapp för användning i arbetsyta och anpassade sidor.

Nyckelegenskaper

Property Beskrivning
Items Åtgärdsobjekten som ska återges
Rows Åtgärdsobjekten som ska återges
SpacebetweenShimmer Blanksteg eller lucka mellan varje Shimmer om det finns flera rader.

Items-egenskap

Varje post i tabellen nedan innehåller kan ha följande värden.

Property Beskrivning
ItemKey Obligatoriskt. Nyckeln som används för att ange ett ShimmerElement. Nycklarna måste vara unika.
ItemType Obligatoriskt. Shimmer elementtypen från listan över tre skimmerelement, dvs cirkel, mellanrum och linje.
ItemRowKey Obligatoriskt. Den nyckel som ska användas för att ange RowKey och upprätta relation.
ItemHeight Höjden på ShimmerElement
ItemWidth Bredden på ShimmerElement
ItemVerticalAlign Ange hur elementet ska justeras. t.ex. överst, mitten, botten.

Exempel 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) egenskapsvärde

Varje post i tabellen nedan innehåller kan ha följande värden.

Property Beskrivning
RowKey Obligatoriskt. Den tangent som ska användas för att ange specifik Shimmer och när du lägger till underobjekt. Nycklarna måste vara unika.
RowOrder Den ordning som Shimmer ska återges
RowCount Antal Shimmers som ska återges
RowWidth Bredd för Shimmer

Exempel Power Fx formel:

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

Stilegenskaper

Property Beskrivning
Theme Godkänner en JSON-sträng som genereras med Fluent UI temadesigner (windows.net). Om du lämnar detta tomt används standardstandarden som definieras av Power Apps. Se tema för vägledning om hur du konfigurerar.
AccessibilityLabel Aria-etikett för skärmläsare

Exempeltema

Tema JSON-strängen skickas till komponentegenskapen, medan varTheme kan användas för att utforma andra standardkomponenter som knappar med de individuella färgerna.

Mer information om färgpaletten som ska användas när du arbetar med Shimmer, finns i IShimmerColors Interface avsnittet för IShimmerElement.

Begränsningar

Den här kodkomponenten kan endast användas i arbetsyteappar och anpassade sidor.