Introduzione
Le app basate su modello Power Apps implementano un'esperienza utente coerente. Un componente chiave di questa esperienza è il modo in cui gli utenti visualizzano i comandi disponibili e possono interagire con gli stessi. Nell'ambito della progettazione dell'app basata su modello, un creatore può personalizzare le barre dei comandi per aggiungere o nascondere comandi e modificarne il comportamento. Ciascun comando ha un'azione definita che implementa la logica eseguita quando l'utente seleziona il comando. L'azione di comando può essere implementata mediante Power Fx o JavaScript.
I comandi consentono agli utenti di richiamare azioni nel contesto dei dati su cui l'utente sta lavorando. I comandi vengono presentati all'utente in una raccolta visiva chiamata barra dei comandi. Esempi di comandi potrebbero essere i pulsanti di comando Nuovo o Elimina che sono visualizzati nella barra dei comandi per la griglia principale di qualsiasi tabella Microsoft Dataverse visualizzata quando si esegue un'app basata su modello. Quando un utente seleziona Elimina, ad esempio, l'azione di comando rimuove la riga dalla tabella. Power Apps può avere più barre dei comandi in varie posizioni predeterminate che esploreremo.
Posizioni della barra dei comandi
Le posizioni delle barre dei comandi nelle app basate su modello sono predeterminate e coerenti, in modo che l'utente possa guardare nello stesso punto per vedere quali comandi sono disponibili in un'app indipendentemente da chi ha creato l'app o quali dati sono visibili. Di seguito sono riportate le barre dei comandi personalizzate più comuni e il loro scopo:
Griglia principale: questa barra dei comandi viene visualizzata nella parte superiore di un elenco di righe da una tabella Dataverse quando l'utente accede all'elenco dalla navigazione a sinistra. I comandi possono agire su qualsiasi riga visualizzata nell'elenco.
Modulo principale: questa barra dei comandi viene visualizzata quando si apre una riga da una tabella e viene visualizzata usando il modulo principale per la tabella. I comandi agiscono nel contesto della singola riga visualizzata nel modulo.
Vista griglia secondaria: questa barra dei comandi è visibile quando un utente visualizza un modulo principale per una riga della tabella e si configura il modulo in modo da avere una griglia secondaria con i dati della tabella correlata. I comandi agiscono sulle righe visualizzate nell'elenco della griglia secondaria.
Vista associata: questa barra dei comandi viene visualizzata sopra un elenco di righe della tabella correlata visualizzate dal modulo principale. L'utente può visualizzare questa vista selezionando la tabella correlata nel modulo principale per una riga e scegliendo una tabella specifica da visualizzare. I comandi agiscono nel contesto di una o più righe correlate visualizzate nell'elenco.
Nel seguente video, esploreremo un esempio di ognuna di queste barre dei comandi.
Composizione della barra dei comandi
Una barra dei comandi contiene uno o più comandi. Quando è visibile una barra dei comandi, i comandi vengono presentati uno accanto all'altro. Per impostazione predefinita, il comando è un pulsante che l'utente può selezionare per eseguire un'azione. È possibile organizzare ulteriormente i pulsanti sulla barra dei comandi aggiungendo altri elementi di raggruppamento per contenere i pulsanti di comando.
Di seguito sono riportate le opzioni disponibili per i comandi di raggruppamento:
Elenco a discesa: crea un menu (comunemente chiamato riquadro a comparsa), visibile quando viene selezionato da un utente. Il contenuto del menu è uno o più gruppi di comandi. Un elenco a discesa è utile per tenere insieme i comandi correlati ed è visibile solo quando selezionato.
Pulsante Dividi: è simile all'elenco a discesa, ma un comando principale è disponibile per la selezione senza espandere i gruppi che contengono comandi aggiuntivi.
Gruppo: si usa per etichettare e contenere uno o più comandi su un elenco a discesa o un pulsante di divisione.
L'immagine seguente illustra l'uso di ognuno di questi tipi di comando per una maggiore organizzazione della barra dei comandi:
Finestra di progettazione della barra dei comandi
Durante la modifica di un'app basata su modello, si può selezionare una tabella e avviare la finestra di progettazione della barra dei comandi visiva. Dopo aver scelto la barra dei comandi da modificare, si visualizza una rappresentazione visiva dei comandi della barra dei comandi corrente. Dalla finestra di progettazione è possibile aggiungere nuovi comandi e modificare i comandi personalizzati esistenti. I precedenti comandi legacy che non sono stati creati con la finestra di progettazione visiva non sono modificabili; esploreremo le varie opzioni più avanti nel modulo. Ecco un esempio di una barra dei comandi della griglia principale nella finestra di progettazione della barra dei comandi.
Opzioni per l'implementazione delle azioni
L'azione del comando permette di implementare una logica personalizzata che viene eseguita quanto l'utente seleziona il comando stesso. La logica del comando potrebbe eseguire azioni quali la modifica dei valori nel modulo o la creazione/modifica di altre righe di dati. Una logica di azione di comando dispone degli elementi attualmente selezionati e può usare i valori della colonna dell'elemento nella logica.
È possibile creare la logica dell'azione usando espressioni Power Fx o JavaScript. Ad esempio, un comando che usa la seguente espressione Power Fx passerà a una vista specifica per la tabella Accounts.
Navigate('Accounts (Views)'.'My Active Accounts')
Nella parte restante di questo modulo, vedremo nel dettaglio come personalizzare la barra dei comandi nelle app basate su modello.