Share via

Shimmer-besturingselement

  • Artikel

Een besturingselement dat wordt gebruikt om een laadervaring weer te geven.

Notitie

Volledige documentatie en broncode vindt u in de GitHub-opslagplaats voor codeonderdelen.

Besturingselement Shimmer.

Omschrijving

Dit codeonderdeel biedt een wrapper rond het besturingselement Fluent UI Shimmer dat is gebonden aan een knop voor gebruik in canvas-apps en aangepaste pagina's.

Belangrijke eigenschappen

Eigenschappen Omschrijving
Items De actie-items die moeten worden weergegeven
Rows De actie-items die moeten worden weergegeven
SpacebetweenShimmer Ruimte of opening tussen elke Shimmer in het geval van meerdere rijen.

Eigenschappen van items

Elke record in de onderstaande tabel kan de volgende waarden hebben.

Eigenschappen Omschrijving
ItemKey Vereist. De sleutel die moet worden gebruikt om een specifiek ShimmerElement aan te geven. De toetsen moeten uniek zijn.
ItemType Vereist. Het type Shimmer-element uit de lijst met drie Shimmer-elementen, namelijk cirkel, opening en lijn.
ItemRowKey Vereist. De toets die moet worden gebruikt om de RowKey aan te geven en een relatie tot stand te brengen.
ItemHeight Hoogte van ShimmerElement
ItemWidth Breedte van ShimmerElement
ItemVerticalAlign Om op te geven hoe het element moet worden uitgelijnd. Bijvoorbeeld: Boven, Midden of Onder

Voorbeeld van Power Fx-formule:

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

Eigenschapswaarde van rijen (rows_Items)

Elke record in de onderstaande tabel kan de volgende waarden hebben.

Eigenschappen Omschrijving
RowKey Vereist. De toets die moet worden gebruikt om een specifieke Shimmer aan te geven en bij het toevoegen van subitems. De toetsen moeten uniek zijn.
RowOrder De volgorde waarin de Shimmer moet worden weergegeven
RowCount Aantal Shimmers dat moet worden weergegeven
RowWidth Breedte van Shimmer

Voorbeeld van Power Fx-formule:

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

Stijleigenschappen

Eigenschappen Omschrijving
Theme Accepteert een JSON-tekenreeks die is gegenereerd met Ontwerper van Fluent UI Theme (windows.net). Als u dit leeg laat, wordt het standaardthema gebruikt dat door Power Apps is gedefinieerd. Zie Themagebruik voor richtlijnen voor configureren.
AccessibilityLabel Arialabel voor schermlezers

Voorbeeldthema

De Theme JSON-tekenreeks wordt doorgegeven aan de onderdeeleigenschap, terwijl varTheme kan worden gebruikt om andere standaardonderdelen zoals knoppen een stijl te geven met behulp van de afzonderlijke kleuren.

Raadpleeg voor meer informatie over het te gebruiken kleurenpalet tijdens het werken met Shimmer het gedeelte IShimmerColors Interface van de IShimmerElement-documentatie.

Beperkingen

Dit codeonderdeel kan alleen worden gebruikt in canvas-apps en aangepaste pagina's.