Shimmer controllare

Un comando utilizzato per visualizzare un'esperienza di caricamento.

Nota

Documentazione e codice sorgente sono disponibili nel repository dei componenti del codice GitHub.

Description

Questo componente di codice fornisce un wrapper attorno al comando dell'Interfaccia utente Fluent Shimmer associato a un pulsante per l'utilizzo in canvas e pagine personalizzate.

Proprietà chiave

Proprietà	Descrzione
Items	Gli elementi dell'azione di cui eseguire il rendering
Rows	Gli elementi dell'azione di cui eseguire il rendering
SpacebetweenShimmer	Spazio o margine intorno a ogni Shimmer in caso di righe multiple.

Proprietà Elementi

Ciascun record contenuto nella tabella seguente può avere i seguenti valori.

Proprietà	Descrizione
ItemKey	Obbligatorio. La chiave da utilizzare per indicare un valore ShimmerElement specifico. I tasti devono essere univoci.
ItemType	Obbligatorio. Il tipo di elemento Shimmer dall'elenco di tre elementi shimmer, ovvero cerchio, spazio e linea.
ItemRowKey	Obbligatorio. La chiave da utilizzare per indicare RowKey e stabilire una relazione.
ItemHeight	Altezza di ShimmerElement
ItemWidth	Larghezza di ShimmerElement
ItemVerticalAlign	Per specificare come deve essere allineato l'elemento. ad esempio, "in alto", "al centro" o "in basso"

Formula Power Fx di esempio:

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

Valore della proprietà Righe (rows_Items)

Ciascun record contenuto nella tabella seguente può avere i seguenti valori.

Proprietà	Descrizione
RowKey	Obbligatorio. Il tasto da utilizzare per indicare uno Shimmer specifico e quando si aggiungono elementi secondari. I tasti devono essere univoci.
RowOrder	L'ordine in base al quale dovrebbe essere eseguito il rendering dello Shimmer
RowCount	Numero di Shimmer di cui eseguire il rendering
RowWidth	Larghezza dello Shimmer

Formula Power Fx di esempio:

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

Proprietà di stile

Proprietà	Descrizione
Theme	Accetta una stringa JSON generata utilizzando la finestra di progettazione del tema dell'interfaccia utente Fluent (windows.net). Lasciare questo vuoto comporterà l'utilizzo del tema predefinito definito da Power Apps. Vedi la creazione di temi per istruzioni su come eseguire la configurazione.
AccessibilityLabel	Etichetta aria per utilità per la lettura dello schermo

Tema di esempio

La stringa JSON del tema viene passata alla proprietà del componente, mentre varTheme può essere utilizzato per modellare altri componenti standard come i pulsanti utilizzando i singoli colori.

Per ulteriori informazioni sulla tavolozza dei colori da utilizzare mentre si lavora con Shimmer, fai riferimento alla sezione IShimmerColors Interfacedella documentazione IShimmerElement.

Limiti

Questo componente di codice può essere usato solo nelle app canvas e nelle pagine personalizzate.