È possibile aggiungere diversi elementi dell'interfaccia utente all'applicazione e configurarne l'aspetto e il comportamento direttamente dalla barra degli strumenti, nella scheda Proprietà o nella barra della formula. Questi elementi dell'interfaccia utente sono denominati controlli e gli aspetti da configurare sono le relative proprietà.
Prerequisiti
Iscriversi a PowerApps, installarlo, aprirlo e quindi accedervi fornendo le stesse credenziali utilizzate per l’iscrizione.
In PowerApps Studio toccare o fare clic su Nuovo nel menu File (vicino al bordo sinistro).
Nel riquadro App vuota toccare o fare clic su Layout del telefono.
Se viene richiesto di seguire la presentazione introduttiva, toccare o fare clic su Avanti per acquisire familiarità con le aree principali dell'interfaccia di PowerApps (oppure toccare o fare clic su Ignora).
È possibile seguire la presentazione in un secondo momento toccando o facendo clic sull'icona con il punto interrogativo nell'angolo in alto a destra e quindi scegliendo Take the intro tour (Presentazione introduttiva).
Aggiungere un controllo
È possibile aggiungere qualsiasi controllo in un'ampia gamma di categorie facendo clic o toccando la scheda Inserisci della barra degli strumenti, facendo clic o toccando una categoria e quindi facendo clic o toccando il controllo da aggiungere. Questa sezione illustra i controlli di ogni categoria e consente di acquisire familiarità con i tipi di controlli che è possibile aggiungere e di sapere dove reperire ogni tipo.
Nella scheda Inserisci fare clic o toccare una di queste categorie e quindi fare clic o toccare il controllo da aggiungere:
Text: Etichetta, Input di testo, Testo HTML, Input penna
Controlli: Pulsante, Elenco a discesa, Selezione data, Casella di riepilogo, Casella di controllo, Radio, Attiva/Disattiva, Dispositivo di scorrimento, Valutazione, Timer
Raccolta: Verticale, Orizzontale, Altezza dinamica, Vuota verticale, Vuota orizzontale, Vuota ad altezza dinamica
Tabella di dati
Moduli: Modifica, Visualizzazione, Entità
Supporti: Immagine, Fotocamera, Codice a barre, Video, Audio, Microfono, Aggiungi immagine
Grafici: grafico a barre, a linee, a torta
Icone
Suggerimento: se è necessario più spazio per i controlli, aggiungere un'altra schermata.
Configurare direttamente un controllo
In questa procedura verrà aggiunto e configurato un controllo Etichetta, ma è possibile applicare molti degli stessi principi ad altri controlli.
Toccare o fare clic sulla scheda Inserisci e quindi toccare o fare clic su Etichetta.
Quando si aggiunge un controllo viene selezionato per impostazione predefinita. È anche possibile selezionare un controllo esistente toccando o facendo clic su di esso. Quando un controllo è selezionato, è racchiuso in una casella di selezione e altre aree dell'interfaccia utente cambiano in modo da consentire la configurazione del controllo selezionato. Ad esempio, un controllo Etichetta selezionato è simile a questa immagine.
Importante: se un controllo è selezionato quando si seleziona un altro controllo o un'area vuota della schermata, il primo elemento non è più selezionato.
Per ridurre le dimensioni del controllo Etichetta, trascinare verso sinistra un quadratino sul bordo destro della casella di selezione. Il quadratino intermedio appare solo se si fa zoom avanti.
È anche possibile ridimensionare un controllo modificandone l'altezza, la larghezza o entrambe le proprietà, come descritto più avanti in questo argomento.
Spostare il controllo Etichetta trascinando la casella di selezione o modificando X, Y o entrambe le proprietà, come descritto più avanti in questo argomento.
Fare tre volte clic sul testo visualizzato nel controllo Etichetta e quindi digitare Hello, world.
È anche possibile modificare questo testo impostando la proprietà Text di questo controllo, come descritto più avanti in questo argomento.
Configurare un controllo dalla barra degli strumenti
Configurando un controllo dalla barra degli strumenti è possibile specificare più opzioni rispetto alla configurazione diretta del controllo.
Con il controllo Etichetta selezionato, scegliere o toccare la scheda Home della barra degli strumenti.
Toccare o fare clic su Riempimento e quindi selezionare o toccare un colore, ad esempio verde acqua.
Il controllo Etichetta riflette la selezione.
Modificare la famiglia di caratteri e la dimensione del testo (ad esempio, 18 pt. Georgia).
Il controllo Etichetta riflette la selezione.
Scegliere o toccare la scheda Etichetta, scegliere o toccare AllineamentoVerticale e quindi scegliere o toccare In alto.
Il controllo Etichetta riflette la selezione.
Configurare un controllo dalla scheda Proprietà
Usando la scheda Proprietà è possibile configurare un controllo senza scrivere una formula. In questa procedura verrà aggiunto e configurato un altro controllo Etichetta, ma è possibile applicare molti degli stessi principi ad altri controlli.
Aggiungere un altro controllo Etichetta come descritto in precedenza in questo argomento.
Con il nuovo controllo selezionato, scegliere o toccare la scheda Proprietà nel riquadro di destra.
Nella casella testo digitare Scheda Proprietà.
Il controllo Etichetta mostra il testo immesso.
Fare clic o toccare l'icona Riempimento nel pannello Proprietà, quindi fare clic o toccare un colore.
Il controllo Etichetta riflette la selezione.
Fare clic o toccare la proprietà Colore nel pannello Proprietà.
Il valore della proprietà Colore è evidenziato nella barra della formula.
- Per eliminare il secondo controllo Etichetta, scegliere o toccare il controllo e quindi premere CANC.
Configurare un controllo nella barra della formula
Usando la barra della formula è possibile impostare le proprietà che non si possono impostare direttamente nella scheda Proprietà né dalla barra degli strumenti. Ad esempio, è possibile impostare una descrizione comando che appare quando un utente seleziona il controllo ma non lo tocca o non fa clic. È anche possibile specificare formule complesse che aumentano la potenza dell'app.
Ogni modifica apportata in precedenza in questo argomento ha aggiornato il valore di una proprietà per il controllo configurato.
- Quando si ridimensiona il controllo, si modifica la proprietà Width.
- Quando si sposta il controllo, si modificano le proprietà X e Y.
- Quando si modifica il testo visualizzato dal controllo, si modifica la relativa proprietà Text.
Anziché configurare un controllo direttamente nella scheda Proprietà o dalla barra degli strumenti, è anche possibile aggiornare il valore di una proprietà selezionandolo nell'elenco delle proprietà e quindi specificando un valore nella barra della formula. Adottando questo approccio, è possibile eseguire la ricerca di una proprietà in ordine alfabetico e specificare più tipi di valori.
Con il rimanente controllo Etichetta selezionato, scegliere o toccare Text nell'elenco delle proprietà, quindi digitare "My Company Name" (incluse le virgolette) nella barra della formula.
Quando si racchiudere una stringa di testo tra virgolette, si specifica che deve essere trattata esattamente come è stata digitata. In alternativa, è possibile impostare il valore di una proprietà su una formula.
Con il controllo Etichetta selezionato, scegliere o toccare Text nell'elenco delle proprietà, quindi digitare Today() (senza virgolette) nella barra della formula.
Il controllo visualizza la data corrente.
Suggerimento: è possibile formattare date e ore in vari modi, oltre ad eseguire calcoli su di esse.
Configurare due controlli in modo che interagiscano tra loro
In questa procedura verrà aggiunta un'etichetta e verrà configurata l'etichetta già creata in modo che appaia solo quando è selezionata la casella di controllo.
Toccare o fare clic sulla scheda Inserisci.
Toccare o fare clic su Controlli, quindi selezionare o toccare Casella di controllo.
Spostare il controllo Casella di controllo in modo che sia visualizzato sotto il controllo Etichetta e impostare la proprietà Text del controllo Casella di controllo in modo che appaia Show text.
Con il controllo Casella di controllo ancora selezionato, fare clic o toccare il nome sopra alla scheda Proprietà, quindi digitare MyCheckbox
Toccare o fare clic sul controllo Etichetta per selezionarlo.
Nella scheda Proprietà fare clic o toccare la proprietà Visibile.
Nella barra della formula eliminare true, quindi digitare o incollare questa formula:
If(MyCheckbox.Value = true, true, false)
Questa funzione If indica che l'etichetta deve apparire solo quando è selezionata la casella di controllo. Dato che la casella di controllo è deselezionata, il controllo Etichetta scompare (tranne la casella di selezione).
Fare clic o toccare il controllo Casella di controllo per aggiungere la casella di selezione e quindi fare clic o toccare di nuovo il controllo per aggiungere un segno di spunta.
L'Etichetta riappare:
Deselezionare il controllo Casella di controllo per nascondere il controllo Etichetta.
Questo esempio è semplice, ma è possibile configurare il comportamento e l'aspetto dell'app creano una o più formule da semplici a complesse.
Rinominare una schermata o un controllo
Rinominando una schermata o un controllo è possibile creare formule più facili da leggere e gestire.
Fare clic o toccare la schermata o il controllo da rinominare.
Nel riquadro di destra, fare clic o toccare il nome del controllo (sopra la scheda Proprietà), quindi digitare il nome desiderato.
Individuare e selezionare una schermata o un controllo
È possibile trovare e selezionare una schermata o un controllo, anche se è nascosto o sovrapposto a un altro controllo, eseguendo una ricerca nel riquadro a sinistra. Questo riquadro mostra un'anteprima di ogni schermata nell'app o una visualizzazione gerarchica di ogni schermata e dei controlli in essa contenuti.
Per alternare le anteprime e la visualizzazione gerarchica, fare clic o toccare un'icona nell'angolo superiore destro del riquadro.
Per trovare un controllo, digitare uno o più caratteri per evidenziare i nomi dei controlli che contengono il testo digitato.
Se si fa clic o si tocca un risultato della ricerca, selezionare il controllo nell'app.
Per spostare una schermata verso l'alto o verso il basso, duplicarla, eliminarla o rinominarla, fare clic con il pulsante destro del mouse oppure fare clic o toccare i puntini di sospensione accanto ad esso e quindi fare clic o toccare l'opzione desiderata.
Per copiare e incollare un controllo, eliminarlo o rinominarlo, fare clic con il pulsante destro del mouse oppure fare clic o toccare i puntini di sospensione accanto ad esso e quindi fare clic o toccare l'opzione desiderata.