È possibile aggiungere diversi elementi dell'interfaccia utente all'applicazione e configurarne l'aspetto e il comportamento direttamente dalla barra degli strumenti o nella barra della formula. Questi elementi dell'interfaccia utente sono denominati controlli e gli aspetti da configurare sono le relative proprietà.

Prerequisiti

  1. Iscriversi a PowerApps, installarlo, aprirlo e quindi accedervi fornendo le stesse credenziali utilizzate per l’iscrizione.

  2. In PowerApps Studio toccare o fare clic su Nuovo nel menu File (vicino al bordo sinistro).

    Opzione Nuovo nel menu File

  3. Nel riquadro App vuota toccare o fare clic su Layout del telefono.

    Creare un'app da zero

  4. 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).

    Schermata iniziale della presentazione

    È 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.

Se è necessario più spazio per i controlli, aggiungere una 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.

  1. Nella barra degli strumenti toccare o fare clic sulla scheda Inserisci e quindi toccare o fare clic su Etichetta.

    Scheda Inserisci

    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.

    Etichetta selezionata

    Importante: se un controllo è selezionato quando si seleziona un altro controllo o un'area vuota della schermata, il primo elemento non è più selezionato.

  2. 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.

    Etichetta ridimensionata

    È anche possibile ridimensionare un controllo modificandone l'altezza, la larghezza o entrambe le proprietà, come descritto più avanti in questo argomento.

  3. Spostare il controllo Etichetta trascinando la casella di selezione o modificando X, Y o entrambe le proprietà, come descritto più avanti in questo argomento.

  4. Fare tre volte clic sul testo visualizzato nel controllo Etichetta e quindi digitare Hello, world.

    Etichetta con testo personalizzato

    È anche possibile modificare questo testo impostando la proprietà Text di questo controllo, come descritto più avanti in questo argomento.

  5. Per eliminare il controllo Etichetta, scegliere o toccare il controllo e quindi premere CANC.

  6. Per ripristinare il controllo Etichetta, premere Ctrl-Z o ripetere i primi quattro passaggi di questa procedura.

Configurare un controllo dalla barra degli strumenti

Configurando un controllo dalla barra degli strumenti è possibile specificare più opzioni rispetto alla configurazione diretta.

  1. Con il controllo Etichetta selezionato, scegliere o toccare la scheda Home della barra degli strumenti.

    Scheda Home

  2. Toccare o fare clic su Riempimento e quindi selezionare o toccare un colore, ad esempio verde acqua.

    Opzione Riempimento

    Il controllo Etichetta riflette la selezione.

    Un'etichetta con riempimento verde acqua

  3. Modificare la famiglia di caratteri e la dimensione del testo (ad esempio, 18 pt. Georgia).

    Controlli dei caratteri

    Il controllo Etichetta riflette la selezione.

    18-point Georgia

  4. Scegliere o toccare la scheda Etichetta, scegliere o toccare AllineamentoVerticale e quindi scegliere o toccare In alto.

    Scheda della casella di testo

    Il controllo Etichetta riflette la selezione.

    Un'etichetta con testo allineato alla parte superiore della casella

Configurare un controllo nella barra della formula

Usando la barra della formula è possibile impostare le proprietà che si possono impostare direttamente 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 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.

  1. Con il controllo Etichetta selezionato, scegliere o toccare Text nell'elenco delle proprietà, quindi digitare "My Company Name" (incluse le virgolette) nella barra della formula.

    Una stringa letterale in un'etichetta

    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.

  2. 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.

    Funzione Today

    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.

  1. Toccare o fare clic sulla scheda Inserisci.

    Scheda Inserisci

  2. Toccare o fare clic su Controlli, quindi selezionare o toccare Casella di controllo.

    Inserire una casella di controllo

  3. 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.

    Configurare la casella di controllo

  4. Con il controllo Casella di testo sempre selezionato, fare clic o toccare la scheda Home.

    Rinominare la casella di controllo

  5. Fare clic o toccare il nome corrente del controllo Casella di controllo (a destra di Nuova schermata), quindi digitare MyCheckbox.

    Rinominare la casella di controllo

  6. Scegliere o toccare il controllo Etichetta per selezionarlo, scegliere o toccare la scheda Etichetta e quindi scegliere o toccare l'opzione Visibile.

    Proprietà Visible

  7. 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).

    Formula Visible

  8. 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:

    Etichetta visualizzata quando è selezionata la casella di controllo

  9. Deselezionare il controllo Casella di controllo per nascondere il controllo Etichetta.

    L'etichetta scompare quando la casella di controllo è deselezionata

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.

  1. Fare clic o toccare la schermata o il controllo da rinominare.

  2. Nella scheda Home fare clic o toccare il nome del controllo (a destra di Nuova schermata), quindi digitare un nome.

    Rinominare una casella di controllo