Controllo che permette all'utente di interagire con l'app tramite clic o tocco.

Descrizione

È possibile configurare la proprietà OnSelect di un controllo Pulsante per l'esecuzione di una o più formule quando l'utente tocca o fa clic sul controllo.

Proprietà chiave

OnSelect: modo in cui l'app risponde quando l'utente tocca o fa clic su un controllo.

Text: testo visualizzato in un controllo o che l'utente digita in un controllo.

Proprietà aggiuntive

Align: posizione del testo in relazione al centro orizzontale del relativo controllo.

AutoDisableOnSelect: disabilita automaticamente il controllo durante l'esecuzione del comportamento OnSelect.

BorderColor: colore del bordo di un controllo.

BorderStyle: indica se il bordo di un controllo è Solid (Tinta unita), Dashed (Tratteggiato), Dotted (Punteggiato) o None (Nessuno).

BorderThickness: spessore del bordo di un controllo.

FocusedBorderThickness: spessore del bordo di un controllo con lo stato attivo della tastiera.

Color: colore del testo di un controllo.

DisplayMode: indica se il controllo consente l'input dell'utente (Edit), visualizza solo i dati (View) o è disabilitato (Disabled).

DisabledBorderColor: colore del bordo di un controllo se la relativa proprietà DisplayMode è impostata su Disabled.

DisabledColor: colore del testo di un controllo se la relativa proprietà DisplayMode è impostata su Disabled.

DisabledFill: colore dello sfondo di un controllo se la relativa proprietà DisplayMode è impostata su Disabled.

Fill: colore dello sfondo di un controllo.

Font: nome della famiglia di caratteri in cui viene visualizzato il testo.

FontWeight: spessore del testo di un controllo. Può essere Bold (Grassetto), Semibold (Semibold), Normal (Normale) o Lighter (Sottile).

Height: distanza tra i bordi superiore e inferiore del controllo.

HoverBorderColor: colore del bordo di un controllo quando l'utente posiziona il puntatore del mouse su tale controllo.

HoverColor: colore del testo di un controllo quando l'utente posiziona il puntatore del mouse su tale controllo.

HoverFill: colore di sfondo di un controllo quando l'utente posiziona il puntatore del mouse su tale controllo.

Italic: indica se il testo di un controllo è in corsivo.

PaddingBottom: distanza tra il testo in un controllo e il bordo inferiore del controllo.

PaddingLeft: distanza tra il testo in un controllo e il bordo sinistro del controllo.

PaddingRight: distanza tra il testo in un controllo e il bordo destro del controllo.

PaddingTop: distanza tra il testo in un controllo e il bordo superiore del controllo.

Pressed: true mentre viene premuto un controllo, altrimenti false.

PressedBorderColor: colore del bordo di un controllo quando l'utente tocca o fa clic su tale controllo.

PressedColor: colore del testo di un controllo quando l'utente tocca o fa clic su tale controllo.

PressedColor: colore dello sfondo di un controllo quando l'utente tocca o fa clic su tale controllo.

RadiusBottomLeft: grado di arrotondamento dell'angolo inferiore sinistro di un controllo.

RadiusBottomRight: grado di arrotondamento dell'angolo inferiore destro di un controllo.

RadiusTopLeft: grado di arrotondamento dell'angolo superiore sinistro di un controllo.

RadiusTopRight: grado di arrotondamento dell'angolo superiore destro di un controllo.

Size: dimensione del carattere del testo visualizzato in un controllo.

Strikethrough: indica se viene visualizzata una riga all'interno del testo di un controllo.

TabIndex: se impostata su un valore diverso da zero, personalizza l'ordine di tabulazione dei controlli in runtime.

Tooltip: testo descrittivo visualizzato quando l'utente posiziona il mouse su un controllo.

Underline: indica se il testo visualizzato nel controllo è sottolineato.

VerticalAlign: posizione del testo di un controllo in relazione al centro verticale di tale controllo.

Visible: indica se un controllo viene visualizzato o è nascosto.

Width: distanza tra i bordi sinistro e destro di un controllo.

X: distanza tra il bordo sinistro di un controllo e il bordo sinistro del contenitore padre, schermata se non c'è un contenitore padre.

X: distanza tra il bordo superiore di un controllo e il bordo superiore del contenitore padre, schermata se non c'è un contenitore padre.

Funzioni correlate

Navigate( ScreenName, ScreenTransitionValue )

Esempi

Aggiungere una formula di base a un pulsante

  1. Aggiungere un controllo Input di testo e denominarlo Source.

    Non si sa come aggiungere un controllo, assegnargli un nome e configurarlo?

  2. Aggiungere un controllo Pulsante e quindi impostarne la proprietà Text su "Aggiungi" e la proprietà OnSelect sulla formula seguente:
    UpdateContext({Total:Total + Value(Source.Text)})

    Sono necessarie altre informazioni sulla funzione UpdateContext o su altre funzioni?

  3. Aggiungere un controllo Etichetta, impostarne la proprietà Text su Total, quindi premere F5.

  4. Cancellare il testo predefinito da Origine, digitare un numero, quindi fare clic o toccare Aggiungi.

    Il controllo Etichetta mostrerà il numero digitato.

  5. Cancellare il numero da Origine, digitare un altro numero, quindi fare clic o toccare Aggiungi.

    Il controllo Etichetta mostra la somma dei due numeri digitati.

  6. (facoltativo) Ripetere il passaggio precedente una o più volte.

  7. Per tornare all'area di lavoro predefinita, premere Esc oppure fare clic o toccare l'icona di chiusura nell'angolo superiore destro.

Configurare un pulsante con più formule

Aggiungere una formula che cancella il controllo Input di testo tra le voci.

  1. Impostare la proprietà HintText di Origine su "Immettere un numero".

  2. Impostare la proprietà OnSelect di Aggiungi su questa formula:

    UpdateContext({Total:Total + Value(Source.Text)});
    UpdateContext({ClearInput: ""})

    Nota: separare più formule con un punto e virgola ";".

  3. Impostare la proprietà Default di Origine su ClearInput.

  4. Premere F5 e quindi testare l'app aggiungendo contemporaneamente diversi numeri.

Aggiungere un altro pulsante per reimpostare il totale

Aggiungere un secondo pulsante per cancellare il totale tra i calcoli.

  1. Aggiungere un controllo Pulsante e quindi impostarne la proprietà Text su "Deseleziona"e la proprietà OnSelect su questa formula:

    UpdateContext({Total:0})

  2. Premere F5, aggiungere diversi numeri insieme, quindi fare clic o toccare Deseleziona per reimpostare il totale.

Modificare l'aspetto di un pulsante

Modificare la forma di un pulsante

Per impostazione predefinita, PowerApps crea un controllo Pulsante rettangolare con angoli arrotondati. È possibile apportare modifiche di base alla forma di un controllo Pulsante impostando le relative proprietà Height, Width e Radius.

Nota: Icone e forme** forniscono un'ampia gamma di scelte e possono eseguire alcune delle stesse funzioni base eseguite dai controlli Pulsante. **Icone e forme tuttavia non dispongono di una proprietà Text .

  1. Aggiungere un controllo Pulsante e impostare le relative proprietà Height e Width su 300 per creare un pulsante quadrato di grandi dimensioni.

  2. Modificare le proprietà RadiusTopLeft, RadiusTopRight, RadiusBottomLeft e RadiusBottomRight per regolare il livello d curvatura a ogni angolo. Di seguito sono riportati alcuni esempi di forme diverse, ognuna creata usando un pulsante quadrato 300 x 300:

Modificare il colore di un pulsante al passaggio del mouse

Per impostazione predefinita, il colore di riempimento di un controllo Pulsante verrà attenuato del 20% al passaggio del mouse. È possibile modificare questo comportamento cambiando la proprietà HoverFill che usa la funzione ColorFade . Se si imposta la formula ColorFade su una percentuale positiva, il colore diventa più chiaro al passaggio del mouse, mentre una percentuale negativa rende il colore più scuro.

  • Modificare la percentuale di ColorFade della proprietà HoverFill di uno dei pulsanti creati e osservare gli effetti.

È possibile anche specificare il colore di un controllo Pulsante impostando la relativa proprietà HoverFill su una formula che contiene la funzione ColorValue anziché la funzione ColorFade , come in ColorValue("Rosso").

Nota: il valore del colore può essere una qualsiasi definizione di colore CSS, ovvero un nome o un valore esadecimale. - Sostituire la funzione ColorFade con una funzione ColorValue in uno dei pulsanti creati e osservare gli effetti.