Shimmer controle
Een besturingselement dat wordt gebruikt om een laadervaring weer te geven.
Notitie
Volledige documentatie en broncode vindt u in de GitHub-opslagplaats voor codeonderdelen.
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 |
De 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.