Icone

Completato

La maggior parte delle app include icone facilmente identificabili, ad esempio l'icona del floppy disk per il comando "Salva" o la freccia indietro per il comando "Indietro". Il vantaggio dell'uso di un'icona rispetto a un'etichetta o a un pulsante è che l'icona non richiede testo e in genere può adattarsi a posizioni in cui non ci sarebbe spazio sufficiente per il testo.

Microsoft Power Apps include il controllo Icona e offre molte icone pronte all'uso che si possono usare 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.

1. Aprire l'app Macchine Contoso Coffee e selezionare "Catalog Screen".

2. Inserire un'icona "Freccia indietro" nell'intestazione, selezionando l'intestazione (in questo esempio, Rettangolo1), quindi selezionare Inserisci dalla barra dei comandi. È possibile trovare la freccia indietro espandendo l'opzione Icone oppure immettendo semplicemente "indietro" nel campo di ricerca Inserisci.

   Nota

   Quando si inserisce la nuova icona, questa riprende la combinazione di colori del Tema selezionato.

   

3. Riposizionare la nuova icona Freccia indietro nell'angolo in alto a sinistra del rettangolo di intestazione.

4. Per modificare il colore dell'icona, selezionarla, quindi scegliere il pulsante Colore dalla barra dei comandi e selezionare il cerchio bianco sotto Colori standard nell'angolo in basso a sinistra.

5. Aggiornare la proprietà OnSelect come segue:

   Back()

6. Copiare l'icona Freccia indietro e incollarla in "Admin Screen". Questa operazione permetterà di riutilizzare l'icona con le proprietà configurate Color e OnSelect.

Modifica di un'icona

È possibile modificare un tipo di icona aggiornando la proprietà Icon del controllo Icona. In questo esempio si cambierà l'icona di una freccia indietro in un'icona Home.

1. Copiare e incollare un'altra icona Freccia indietro nella schermata "Admin Screen".

2. Posizionarla nell'angolo in alto a destra del rettangolo di intestazione.

3. Selezionare la proprietà Icon nella barra dei comandi e scegliere l'icona Home. È anche possibile digitare "home" nel campo di ricerca per individuare più rapidamente l'icona. La Freccia indietro si trasformerà immediatamente nell'icona Home. Questo metodo funziona per qualsiasi icona in Microsoft Power Apps.

   

4. Aggiornare la proprietà OnSelect per tornare alla schermata iniziale:

   Navigate('Home Screen')

   

Anche se l'app include solo tre schermate, l'icona Home fornisce un modo coerente per tornare alla schermata iniziale, il che può essere particolarmente utile nelle app con molte schermate in cui la freccia indietro potrebbe non riportare l'utente al punto di partenza previsto.

Le icone sono controlli flessibili che permettono di migliorare l'interfaccia utente di un'app. Nell'unità successiva verrà trattato in modo più dettagliato il controllo Immagine.