Miglioramento dell'app con personalizzazioni di base

  • 6 minuti

In questo modulo si continua a sviluppare le competenze Power Apps rafforzando e ampliando le conoscenze apprese nel modulo precedente, Introduzione alle app canvas di Power Apps.

Si continua a lavorare all'app terminata nell'ultimo modulo, quindi se il modulo non è stato completato, sarà necessario tornare indietro e completarlo perché è la base per questo modulo.

La prima cosa da fare è guardare il controllo Raccolta in Screen1. Si noti come si seleziona ciascun campo al suo interno (Title1 e Subtitle1). Nel pannello Visualizzazione struttura ad albero sul lato sinistro della schermata si vede che quando si seleziona un campo raccolta, quel controllo viene evidenziato nella visualizzazione struttura ad albero. Ognuno di questi campi è un'etichetta di testo. Si noti infine come, quando si seleziona ciascun controllo, nel campo di immissione della formula (fx) si veda ThisItem.'Machine Name' (per l'etichetta Title1) o ThisItem.Type (per l'etichetta Body1). Ciò significa che questo campo visualizza il valore di testo presente in quella colonna della tabella, per quella riga di dati.

Poiché le righe di dati continuano fino in fondo alla raccolta, non è possibile selezionare questi campi da nessun'altra parte se non nella riga in alto. Quindi, modificando le proprietà di testo di una di queste etichette per il primo elemento, lo si vedrà raffigurato nell'elenco.

È possibile regolare rapidamente i campi visualizzati nella raccolta selezionando prima la raccolta, quindi se si guarda nel pannello Proprietà sul lato destro della scherma, si può vedere un elenco a discesa accanto a Layout, che attualmente mostra "Immagine, titolo e sottotitolo".

Si modificano il layout e i campi della nostra raccolta in modo da mostrare alcune informazioni in più sul prodotto in modo che gli utenti possano comprendere. Seguire questa procedura:

  1. Assicurarsi di selezionare il controllo raccolta denominato Gallery1. Al momento è l'unica raccolta visualizzata. Se tutto è fatto nel modo corretto, Gallery1 è evidenziato in grigio scuro nel pannello Visualizzazione struttura ad albero.

  2. Nel pannello Proprietà sul lato destro della schermata, modificare il Layout in "Immagine, titolo, sottotitolo e corpo".

  3. Nel controllo raccolta, selezionare l'etichetta Body1 appena aggiunta e notare che mostra ThisItem.'Primary color' come valore della proprietà Text nel campo della formula (fx).

  4. Modificare la proprietà Text dell'etichetta Body1 in: ThisItem.Type

Screenshot dei campi della raccolta.

Modifica dei campi del modulo

A questo punto si esamina la modifica del modulo. È buona norma mostrare solo i campi che si vuole che siano aggiornabili. Si modifica il modulo in modo da rimuovere i campi correlati all'ID, inclusi Machine ID e Product Type ID. Si riposizionano inoltre alcuni campi nel modulo per renderlo più leggibile.

Per apportare le modifiche al modulo, seguire i passaggi seguenti:

  1. Selezionare il controllo Modulo sulla Schermata o dal pannello Visualizzazione struttura ad albero. Nel pannello Proprietà selezionare Modifica campi.

  2. Nel pannello popup Campi, quando si passa il mouse sopra il valore di un campo, vengono visualizzati i puntini di sospensione che indicano la disponibilità di Altre azioni. Selezionare i puntini di sospensione per il campo Machine ID, quindi selezionare Rimuovi. Fare la stessa operazione per il campo Product Type ID.

  3. Restando sempre nel pannello Campi, è possibile riposizionare i campi mediante il trascinamento della selezione. Prima di tutto, trascinare il campo Product Summary in fondo all'elenco, quindi trascinare l'Image sotto tale campo.

  4. Il campo Product Summary è costituito da più righe, quindi lo si modifica espandendo il campo Product Summary nel pannello Campi. Espandere il campo facendo clic sul nome. Si noti che Tipo di controllo include un'opzione a discesa, che attualmente indica "Modifica testo".

  5. Impostare l'opzione Tipo di controllo per il campo Product Summary su "Modifica testo multiriga".

  6. Chiudere il pannello Campi.

  7. Infine, si regola l'altezza del campo Product Summary per in modo da mostrare l'intero riepilogo del prodotto. Selezionare la scheda dati del modulo per Product Summary, quindi selezionare il controllo di input di testo DataCardValue.

  8. Trascinare ora la parte inferiore del campo di input di testo verso la parte inferiore della scheda per espandere la parte visualizzabile del controllo. La barra di scorrimento scompare quando il controllo è espanso adeguatamente.

Ricordarsi che qualsiasi riga di dati, o record, nell'origine dati è disponibile come informazioni della raccolta e come informazioni del modulo. Le etichette di testo richiedono testo, quindi se contengono testo, sarà raffigurato del testo. È possibile modificare i campi visualizzati nella raccolta, inclusi quali campi vengono visualizzati e la dimensione dei campi di input.