SpinButton controllo (anteprima)

[Questo articolo fa parte della documentazione non definitiva, pertanto è soggetto a modifiche.]

Un comando utilizzato per accettare input dell'utente.

Annotazioni

La documentazione completa e il codice sorgente sono disponibili nel repository dei componenti del codice GitHub .

Controllo SpinButton.

Importante

  • Si tratta di una funzionalità di anteprima.
  • Le funzionalità di anteprima non sono destinate all'uso in produzione e potrebbero avere funzionalità limitate. Queste funzioni sono disponibili prima di una versione ufficiale, in modo che i clienti possano ottenere l'accesso anticipato e fornire commenti e suggerimenti.

Descrizione

Un pulsante di selezione (SpinButton) consente a qualcuno di regolare in modo incrementale un valore in piccoli passaggi. Viene utilizzato principalmente per i valori numerici, ma sono supportati anche altri valori.

Questo componente di codice fornisce un wrapper attorno al controllo Fluent UI SpinButton per l'uso in pagine canvas e personalizzate.

Proprietà chiave

Nome Descrizione
Label Etichetta descrittiva per il controllo.
IconName Nome dell'icona dell'interfaccia utente Fluent (vedi Icone dell'interfaccia utente Fluent).
Min Valore massimo del controllo. Se non fornito, il controllo non ha un valore massimo.
Max Valore minimo del controllo. Se non fornito, il controllo non ha un valore minimo.
Step Differenza tra due valori adiacenti del controllo. Questo valore viene utilizzato per calcolare la precisione dell'input se non viene fornita alcuna precisione. La precisione così calcolata sarà sempre >= 0.
Value Valore corrente del controllo.
DefaultValue Valore iniziale del controllo al primo rendering.
Suffix Suffisso per definire qualsiasi unità (ad es. cm, kg, ml)

Proprietà aggiuntive

Nome Descrizione
AccessibilityLabel Aria-label dell'utilità per la lettura dello schermo
InputEvent Evento da inviare al controllo. Ad esempio, SetFocus. Vedere di seguito.
Theme Accetta una stringa JSON generata utilizzando la finestra di progettazione del tema dell'interfaccia utente Fluent (windows.net). Lasciare questo vuoto comporterà l'utilizzo del tema predefinito definito da Power Apps.

Behavior

Esempio

Connessione di SpinButton a una scheda dati per la modifica del modulo

  1. Sbloccare la scheda dei dati
  2. Nascondi il controllo predefinito per il campo
  3. Aggiungi lo SpinButton nella scheda dati
  4. Aggiorna la proprietà Update della scheda dati affinché faccia riferimento alla proprietà di output SpinButton.Value

Limitations

Questo componente di codice può essere usato solo nelle app canvas e nelle pagine personalizzate.