Condividi tramite

Controlli Forma e Icona in Power Apps

  • Articolo

Elementi grafici per i quali è possibile configurare le proprietà relative all'aspetto e al comportamento.

Descrizione

Questi controlli includono frecce, forme geometriche, icone azione e simboli per i quali è possibile configurare proprietà quali riempimento, dimensioni e posizione. Puoi anche configurare la relativa proprietà OnSelect in modo che l'app risponda se l'utente seleziona il controllo.

Proprietà chiave (icons e shapes)

Fill: colore dello sfondo di un controllo.

OnSelect: azioni da eseguire quando l'utente seleziona un controllo.

Proprietà chiave (solo icone)

Icon: il tipo di icona da visualizzare (ad esempio, ArrowDown o ShoppingCart).

Rotation: il numero di gradi per ruotare l'icona.

Color: il colore dell'icona per nome o valori RGBA.

Proprietà aggiuntive

AccessibleLabel: etichetta per le utilità per la lettura dello schermo.

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

FocusedBorderColor: colore del bordo di un controllo quando è evidenziato.

FocusedBorderThickness: spessore del bordo di un controllo quando è evidenziato.

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

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

PressedBorderColor: colore del bordo di un controllo quando l'utente lo seleziona.

PressedFill: colore dello sfondo di un controllo quando l'utente lo seleziona.

TabIndex: ordine di spostamento tramite tastiera in relazione ad altri controlli.

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 o della schermata se non c'è un contenitore padre.

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

Navigate( ScreenName, ScreenTransition )

Esempio

  1. Denomina il controllo Schermata predefinito Target, aggiungere un controllo Etichetta e impostarne la proprietà Text in modo da visualizzare Target.

    Non sai come aggiungere e configurare un controllo?

  2. Aggiungi un controllo Schermata e denominalo Source.

  3. In Source aggiungi un controllo Forma e impostane la proprietà OnSelect sulla formula seguente:

Navigate(Target, ScreenTransition.Fade)

  1. Premi F5, quindi seleziona il controllo Forma.

    Verrà visualizzata la schermata Target.

  2. (Facoltativo) Premi ESC per tornare all'area di lavoro predefinita, aggiungi un controllo Forma a Target e imposta la proprietà OnSelect del controllo Forma sulla formula seguente:

Navigate(Source, ScreenTransition.Fade)

Linee guida per l'accessibilità

Contrasto dei colori

Quanto segue si applica solo agli elementi grafici usati come pulsanti o che non hanno uno scopo esclusivamente decorativo.

Per le icone:

Per forme con bordi:

Per forme senza bordi:

  • Fill e il colore all'esterno del controllo
  • PressedFill e il colore all'esterno del controllo (se usato come pulsante)
  • HoverFill e il colore all'esterno del controllo (se usato come pulsante)

Supporto utilità per la lettura dello schermo

  • AccessibleLabel deve essere impostato per la grafica importante.

  • Se la grafica è decorativa o fornisce informazioni ridondanti, lascia il campo AccessibleLabel vuoto o impostalo sulla stringa vuota "". Le utilità per la lettura dello schermo ignoreranno questa grafica.

Ad esempio, puoi inserire un'icona di Lucchetto accanto a una Etichetta che dice Questo modulo non può essere modificato. Non occorre un AccessibleLabel per l'icona in quanto Label ne spiega già il significato.

Importante

Quando il valore di TabIndex è zero o superiore, l'icona o la forma diventa un pulsante. Il suo aspetto non cambia, ma le utilità di lettura dello schermo la tratteranno come un pulsante. Non ignoreranno il controllo anche se AccessibleLabel è vuoto. Quando il valore di TabIndex è minore di zero, le utilità di lettura dello schermo trattano l'icona o la forma come un'immagine.

Supporto per la tastiera

  • Il valore di TabIndex deve essere uguale o superiore a zero, se l'elemento grafico viene usato come pulsante. Gli utenti da tastiera possono quindi accedervi.

  • Gli indicatori di attivazione devono essere chiaramente visibili, se l'elemento grafico viene usato come pulsante. A questo scopo, usa FocusedBorderColor e FocusedBorderThickness.

Nota

Puoi indicarci le tue preferenze di lingua per la documentazione? Partecipa a un breve sondaggio. (il sondaggio è in inglese)

Il sondaggio richiederà circa sette minuti. Non viene raccolto alcun dato personale (Informativa sulla privacy).