Icone
La maggior parte delle app include icone facilmente comprensibili, ad esempio l'icona del floppy disk per il comando "Salva" o la freccia indietro per il comando "Indietro". Il vantaggio dell'utilizzo di un'icona rispetto a un'etichetta o a un pulsante è che l'icona non richiede testo e di solito può adattarsi a posizioni in cui il testo semplicemente non entra.
Power Apps include il controllo Icona e offre molte icone pronte all'uso che si possono utilizzare in tutta l'app. Poiché sono dei controlli, tutte le icone dispongono di proprietà personalizzabili, incluse OnSelect e Color. È possibile inserire un'icona nell'app selezionando il pulsante Inserisci nella barra dei comandi. Se si espande il campo Icone, è possibile scorrere l'elenco completo delle icone disponibili.
Aggiunta di un'icona
Nello sviluppo dell'app di esempio Macchine Contoso Coffee si è già incontrato il controllo Icona (quando è stata cambiata la freccia a destra con l'icona di modifica a forma di matita). A questo punto si utilizzerà ancora l'app Macchine Contoso Coffee per aggiungere un paio di icone. Se non si dispone di questa app, la si può aprire per seguire la lezione.
Aprire l'app Macchine Contoso Coffee e selezionare "Catalog Screen".
Inserire un'icona "Freccia indietro" selezionando Inserisci nella barra dei comandi. È possibile trovare l'icona espandendo l'opzione Icone o semplicemente immettendo "indietro" nel campo di ricerca Inserisci.
Nota
Quando si inserisce la nuova icona, questa riprende la combinazione di colori del Tema selezionato.
Riposizionare la nuova icona Freccia indietro nell'angolo in alto a sinistra del rettangolo di intestazione.
Cambiare il colore della Freccia indietro in bianco selezionando il pulsante Colore nella barra dei comandi e selezionando il cerchio bianco sotto Colori standard nell'angolo in basso a sinistra della casella dell'opzione.
Successivamente, aggiornare la proprietà OnSelect a:
Back()Utilizzando l'icona Freccia indietro come modello, copiarla e incollarla in "Admin Screen". In questo modo, si può evitare di regolare le proprietà Color e OnSelect.
Modifica di un'icona
È possibile cambiare il tipo di icona cambiando la proprietà Icon del controllo Icona. Si effettuerà questa operazione creando un'icona per la schermata iniziale.
Copiare e incollare un'altra icona Freccia indietro in "Admin Screen".
Posizionarla nell'angolo in alto a destra del rettangolo di intestazione.
Si noti la presenza di un pulsante proprietà Icon nella barra dei comandi. Selezionare questo pulsante, quindi trovare e selezionare l'icona Home (ci si può aiutare immettendo "home" nel campo di ricerca). Notare che la Freccia indietro si trasforma immediatamente nell'icona Home. È possibile effettuare questa operazione con qualsiasi icona di Power Apps.
Infine, si modifica la proprietà OnSelect per tornare a "Home Screen" inserendo:
Navigate('Home Screen')
Anche se questa app che ha solo tre schermate, è sufficiente a far vedere l'utilità di un'icona Home come controllo selezionabile in un'app con più schermate, dove un'icona Freccia indietro non riporta necessariamente alla schermata iniziale dell'app.
Le icone sono controlli facili utilizzabili per migliorare l'interfaccia utente di un'app. La prossima unità tratta più dettagliatamente il controllo Immagine.