Aggiungi e configura un controllo di app canvas in Power Apps

Puoi aggiungere diversi elementi di interfaccia utente a un'app canvas 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

  1. Se non hai già una licenza Power Apps, iscriviti e quindi accedi.

  2. In Crea la tua app, passa con il mouse sopra il riquadro App canvas da zero e seleziona Crea questa app.

  3. Se ti viene richiesto di eseguire la presentazione introduttiva, seleziona Avanti per familiarizzare con le aree chiave dell'interfaccia di Power Apps (oppure seleziona Ignora).

    Puoi eseguire la presentazione in un secondo momento selezionando l'icona con il punto interrogativo nell'angolo in alto a destra dello schermo e quindi scegliendo Presentazione introduttiva.

Aggiungere e selezionare un controllo

Nella scheda Inserisci, esegui uno di questi passaggi:

  • Seleziona Etichetta o Pulsante per aggiungere un tipo di controllo.
  • Seleziona una categoria di controlli, quindi seleziona il tipo di controllo che vuoi aggiungere.

Ad esempio, seleziona Nuova schermata, quindi seleziona Vuoto per aggiungere una schermata vuota alla tua app. (Le schermate sono un tipo di controllo che può contenere altri tipi di controlli).

Aggiungere una schermata

La nuova schermata è denominata Screen2 e appare nel riquadro di navigazione a sinistra. Questo riquadro mostra un elenco gerarchico dei controlli della tua app in modo da poter trovare e selezionare facilmente ciascun controllo.

Screen2 nell'elenco

Per dimostrare come funziona questo elenco, seleziona Etichetta nella scheda Inserisci. Il nuovo controllo appare sotto Screen2 nell'elenco gerarchico.

Screen2 nell'elenco

Nella schermata, una casella con sei quadratini circonda l'etichetta per impostazione predefinita. Quel tipo di riquadro circonda qualunque controllo selezionato. Se selezioni lo schermo facendo clic o toccandolo (ma all'esterno dell'etichetta), la casella scompare dall'etichetta. Per selezionare nuovamente l'etichetta, puoi fare clic o toccarla oppure puoi fare clic o toccare il nome nell'elenco gerarchico di controlli.

Importante

È sempre necessario selezionare un controllo prima di poterlo configurare.

Rinominare un controllo

Nell'elenco gerarchico di controlli, passa con il mouse sopra il controllo che desideri rinominare, seleziona il pulsante con i puntini di sospensione che viene visualizzato, quindi seleziona Rinomina. Quindi puoi digitare un nome univoco e facile da ricordare per semplificare la creazione dell'app.

Rinominare il controllo

Eliminare un controllo

Nell'elenco gerarchico di controlli, passa con il mouse sopra il controllo che desideri eliminare, seleziona il pulsante con i puntini di sospensione che viene visualizzato, quindi seleziona Elimina. Per eliminare un controllo che non è uno schermo, puoi anche selezionare il controllo nel canvas e premere il tasto Elimina.

Elimina controllo

Riordinare le schermate

Nell'elenco gerarchico di controlli, passa il mouse sopra una schermata che desideri spostare verso l'alto o verso il basso, seleziona il pulsante con i puntini di sospensione, quindi seleziona Sposta su o Sposta giù.

Riordinare la schermata

Nota

Quando l'app viene aperta, di solito viene visualizzata la prima schermata dell'elenco gerarchico dei controlli. Tuttavia puoi specificare una schermata diversa impostando la proprietà OnStart in una formula che include la funzione Navigate.

Spostare e ridimensionare un controllo

Per spostare un controllo, selezionalo, passa con il mouse sopra il suo centro in modo che appaia la freccia a quattro punte, quindi trascina il controllo in un'altra posizione.

Spostare il controllo

Per ridimensionare un controllo, selezionalo, passa con il mouse sopra un quadratino nella casella di selezione in modo che appaia la freccia a due punte, quindi trascina il quadratino.

Spostare il controllo

Nota

Come descritto di seguito in questo argomento, puoi anche spostare e ridimensionare un controllo modificando qualsiasi combinazione delle proprietà X, Y, Height e Width nella barra della formula.

Cambiare il testo di un'etichetta o di un pulsante

Seleziona un'etichetta o un pulsante, fai doppio clic sul testo visualizzato nel controllo, quindi digita il testo desiderato.

Cambiare il testo

Nota

Come questo argomento descrive di seguito, puoi anche cambiare questo testo modificandone la proprietà Text nella barra della formula.

Configurare un controllo dalla barra degli strumenti

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

Ad esempio, puoi selezionare un'etichetta, seleziona la scheda Home e quindi modificare il carattere del testo nell'etichetta.

Cambiare il carattere

Configurare un controllo dalla scheda Proprietà

Utilizzando la scheda Proprietà puoi specificare più opzioni rispetto alla configurazione del controllo dalla barra degli strumenti.

Ad esempio, puoi selezionare un controllo e quindi mostrarlo o nasconderlo modificandolo la proprietà Visible.

Imposta visibilità

Configurare un controllo nella barra della formula

Anziché configurare un controllo direttamente dalla barra degli strumenti o nella scheda Proprietà puoi anche configurare un controllo selezionando una proprietà 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.

Ad esempio, puoi selezionare un'etichetta e quindi configurarla in questi modi:

  • Spostarla selezionando X o Y nell'elenco delle proprietà e quindi specificando un numero diverso nella barra della formula.

    Impostare la proprietà X

  • Ridimensionarla selezionando Height o Width nell'elenco delle proprietà e quindi specificando un numero diverso nella barra della formula.

    Impostare la proprietà Height

  • Cambia il suo testo selezionando Text nell'elenco delle proprietà e quindi specificando qualsiasi combinazione di una stringa letterale, un'espressione o una formula nella barra della formula.

    • Una stringa letterale è racchiusa tra virgolette e appare esattamente come la digiti. "Hello, world" è una stringa letterale.

      Impostare la proprietà Text su una stringa letterale

    • Un'espressione non include una funzione ed è spesso basata su una proprietà di un altro controllo. Screen1.Height è un'espressione che mostra l'altezza di Screen1.

      Impostare la proprietà Text su un'espressione

    • Una formula include una o più funzioni. La funzione Now restituisce la data e l'ora correnti nel fuso orario locale e la funzione Text formatta i valori quali date, orari e valuta.

      Impostare la proprietà Text su una formula

      Le formule sono in genere molto più complesse di questo esempio in modo da poter aggiornare i dati, ordinarli, filtrarli ed eseguire altre operazioni. Per ulteriori informazioni, vedi le informazioni di riferimento sulle formule.

Passaggi successivi