Controlli Forma e Icona in Power Apps

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 (icone e forme)

Fill : colore dello sfondo di un controllo.

OnSelect : risposta dell'app 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 Screen predefinito Target , aggiungere un controllo Label e impostarne la proprietà Testo in modo da visualizzare Target.

    Non sai come aggiungere e configurare un controllo?

  2. Aggiungi un controllo Screen 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 impostata su una stringa non vuota se l'elemento grafico viene usato come pulsante o non ha esclusivamente uno scopo decorativo.

  • AccessibleLabel deve essere vuoto o deve contenere la stringa vuota "" , se l'elemento grafico fornisce informazioni ridondanti o è esclusivamente decorativo. Con questo valore le utilità per la lettura dello schermo ignorano l'elemento grafico.

Ad esempio, puoi impostare la proprietà AccessibleLabel di un'icona Impostazioni su Settings. Questa icona non viene usata come pulsante. Si trova accanto a un controllo Label che, a sua volta, indica Impostazioni. Le utilità per la lettura dello schermo leggeranno sia l'icona che l'etichetta come Impostazioni , che è inutilmente prolisso. In questo caso, non è necessario specificare per l'icona una proprietà AccessibleLabel.

Importante

Le utilità per la lettura dello schermo leggeranno un'icona o una forma come pulsante se AccessibleLabel è impostato su una stringa vuota e TabIndex è impostato su zero o un valore maggiore. Tali icone o forme vengono visualizzate come pulsanti.

Supporto per la tastiera

  • Il valore di TabIndex deve essere uguale o superiore a zero, se l'elemento grafico viene usato come pulsante. Se imposti questo valore per un'icona o una forma, gli utenti della tastiera possono spostarsi verso di essa.

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

    Nota

    Se il valore di TabIndex è uguale o superiore a zero, l'icona o la forma viene visualizzata come un pulsante. L'aspetto non cambia, ma le utilità per la lettura dello schermo identificheranno correttamente l'immagine come un pulsante. Se il valore di TabIndex è minore di zero, l'icona o la forma viene identificata come un'immagine.