Aggiungere e configurare i controlli nelle app canvas

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. Crea un'app canvas da modello vuoto.

Aggiungere e selezionare un controllo

Per iniziare, aggiungere una nuova schermata, nonché un pulsante o un altro controllo.

1. Selezionare Inserisci dal menu di creazione e quindi selezionare Nuova schermata.

2. Scegli Vuoto per aggiungere una schermata vuota all'app. Le schermate sono un tipo di controllo che può contenere altri tipi di controlli.

   

   La nuova schermata è denominata Screen2 e appare nella Visualizzazione ad albero. Questo riquadro mostra un elenco gerarchico dei controlli della tua app in modo da poter trovare e selezionare facilmente ciascun controllo.

   

3. Con Screen2 selezionato, seleziona di nuovo Inserisci.

4. Seleziona il controllo Pulsante. Il nuovo controllo viene visualizzato sotto Screen2 nell'elenco gerarchico della Visualizzazione ad albero.

   

   Nella schermata, una casella con handle manipolabili circonda il pulsante per impostazione predefinita. Queste maniglie circondano il controllo selezionato e vengono utilizzate per ridimensionarlo.

5. Seleziona la schermata (all'esterno del pulsante) e le maniglie della casella scompaiono. Per selezionare nuovamente il controllo, selezionarlo direttamente nel canvas o dall'elenco Visualizzazione ad albero.

   Importante

   È sempre necessario selezionare un controllo prima di poterlo configurare.

Rinominare un controllo

1. Nell'elenco dei controlli, posiziona il puntatore sul controllo che desideri rinominare per far apparire il menu Altro (puntini di sospensione).

2. Seleziona i puntini di sospensione.

3. Selezionare Rinomina. Aggiungi un nome univoco e facile da ricordare per semplificare la creazione dell'app.

   

Eliminare un controllo

È possibile eliminare un controllo tramite la visualizzazione Albero o direttamente dall'area di disegno.

Eliminare un controllo dalla visualizzazione ad albero

1. Nell'elenco dei controlli, posiziona il puntatore sul controllo da eliminare per visualizzare il menu Altre opzioni (puntini di sospensione).
2. Seleziona i puntini di sospensione.
3. Seleziona Elimina.

Elimina un controllo dall'area di disegno

Seleziona il controllo nel canvas, quindi premi il tasto Delete.

Riordinare le schermate

1. Nella visualizzazione ad albero, posiziona il puntatore sulla schermata che vuoi spostare in alto o in basso per far apparire il menu aggiuntivo (puntini di sospensione).

2. Selezionare i puntini di sospensione e quindi scegliere Sposta su o Sposta verso il basso. Se non viene visualizzata un'opzione Sposta verso il basso , la schermata si trova nel punto più basso nell'elenco. Analogamente, se non viene visualizzata un'opzione Sposta su , la schermata si trova al punto più alto nell'elenco.

   

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.

Per ridimensionare un controllo, selezionalo, posiziona il puntatore su una qualsiasi maniglia del riquadro di selezione finché non viene visualizzata la freccia a due punte, quindi trascina la maniglia.

Configurare un controllo nel riquadro Proprietà

Utilizzando il riquadro Proprietà, specifico del controllo selezionato, è possibile specificare un'ampia gamma di opzioni.

Ad esempio, se selezioni un controllo pulsante, puoi sostituire il valore del testo visualizzato nel riquadro Proprietà del controllo.

Configurare un controllo nella barra della formula

Configurare un controllo selezionando una proprietà nell'elenco delle proprietà e quindi specificando un valore nella barra della formula. Il completamento automatico nella barra della formula consente di visualizzare i valori che è possibile usare per un controllo .

Modificare il colore del carattere di un controllo

Ad esempio, se si desidera modificare il colore del carattere per il testo del controllo, vengono visualizzate molte opzioni di colore.

Modifica la posizione di un controllo nell'area di disegno

È possibile impostare le coordinate X e Y per la posizione del controllo utilizzando la barra della formula. L'impostazione delle coordinate nella barra della formula offre una maggiore precisione nel posizionamento dei controlli.

Ad esempio, se selezioni X o Y nell'elenco delle proprietà e specifichi un numero nella barra della formula, il controllo si sposta nella posizione corrispondente a quella coordinata. In questo caso, il pulsante si sposta nella posizione 100 sull'asse X, supponendo che il lato più a sinistra del canvas sia il punto zero.

Modificare le dimensioni del controllo

È possibile ridimensionare un controllo selezionando Altezza o Larghezza nell'elenco delle proprietà e quindi immettendo un numero diverso nella barra della formula.

Modificare il testo visualizzato del controllo

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

Stringa letterale

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

Espressione

Un'espressione è spesso basata su una proprietà di un altro controllo. Screen2.Height è un'espressione che mostra l'altezza di Screen2 in cui viene visualizzato il testo visualizzato per un controllo pulsante.

Usando un'espressione, è possibile impostare un'immagine o un'icona di sfondo come riempimento per il pulsante.

Formula

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.

Ad esempio, puoi visualizzare la data e l'ora in una Etichetta:

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.

Informazioni correlate

• Trova le procedure dettagliate per la configurazione di controlli comuni come schermi, elenchi, raccolte, moduli e grafici.
• Trova informazioni di riferimento su ciascun tipo di controllo nelle informazioni di riferimento dei controlli.