Comparteix a través de

Controls de Forma i Icona al Power Apps

  • Article

Gràfics per als quals podeu configurar propietats de aparença i comportament.

Descripció

Aquests controls inclouen fletxes, formes geomètriques, icones d'acció i símbols per als quals podeu configurar propietats com ara l'emplenament, la mida i la ubicació. També podeu configurar la propietat OnSelect per tal que l'aplicació respongui si l'usuari selecciona el control.

Propietats clau (icones i formes)

Fill: el color de fons d'un control.

OnSelect: accions que cal dur a terme quan l'usuari selecciona un control.

Propietats clau (només per a les icones)

Icon: el tipus d'icona per mostrar (per exemple, ArrowDown o ShoppingCart).

Rotation: el nombre de graus per girar la icona.

Color: el color de la icona per nom o valors RGBA.

Propietats addicionals

AccessibleLabel: etiqueta per a lectors de pantalla.

DisplayMode: si el control permet l'entrada de l'usuari (Edita), només mostra les dades (Visualitza) o està inhabilitada (Inhabilitat).

FocusedBorderColor: el color de la vora d'un control quan el control té l'enfocament.

FocusedBorderThickness: el gruix de la vora d'un control quan el control té l'enfocament.

Height: la distància entre les vores superior i inferior d'un control.

HoverFill: el color de fons d'un control quan l'usuari hi manté el punter del ratolí sobre.

PressedBorderColor: el color de la vora d'un control quan l'usuari selecciona el control.

PressedFill: el color de fons d'un control quan l'usuari selecciona el control.

TabIndex: ordre de navegació amb el teclat en relació amb altres controls.

Visible: si es mostra o s'amaga un control.

Width: la distància entre les vores esquerra i dreta d'un control.

X: la distància entre la vora esquerra d'un control i la vora esquerra del seu contenidor principal (la pantalla si no hi ha cap contenidor principal).

Y: la distància entre la vora superior d'un control i la vora superior del seu contenidor principal (la pantalla si no hi ha cap contenidor principal).

Navigate( ScreenName, ScreenTransition )

Exemple

  1. Anomeneu el control per defecte Screen Destinació, afegiu un control Label i definiu la propietat Text per mostrar Destinació.

    No sabeu com afegir i configurar un control?

  2. Afegiu un control Screen i anomeneu-lo Origen.

  3. A Origen, afegiu un control Shape i definiu-ne la propietat OnSelect a aquesta fórmula:

Navigate(Target, ScreenTransition.Fade)

  1. Premeu F5 i, a continuació, seleccioneu el control Shape.

    Apareixerà la pantalla Destinació.

  2. (opcional) Premeu Esc per tornar a l'àrea de treball per defecte, afegiu un control Shape a la Destinació i definiu la propietat OnSelect del control Forma en aquesta fórmula:

Navigate(Source, ScreenTransition.Fade)

Pautes d'accessibilitat

Contrast de color

El següent només s'aplica a gràfics que s'utilitzen com a botons o que no són només per a la decoració.

Per a les icones:

Per a les formes amb vores:

Per a les formes sense vores:

  • Fill i el color fora del control
  • PressedFill i el color fora del control (si s'utilitza com a botó)
  • HoverFill i el color fora del control (si s'utilitza com a botó)

Suport del lector de pantalla

  • AccessibleLabel s'ha de definir per als gràfics importants.

  • Si el gràfic és per a decoració o proporciona informació redundant, deixeu AccessibleLabel buit o definiu-lo amb la cadena buida "". Els lectors de pantalla ignoren aquests gràfics.

Per exemple, podeu col·locar una icona d'un Cadenat al costat d'una Label que digui Aquest formulari no es pot modificar. No necessiteu un AccessibleLabel per a la icona perquè l'Label ja explica el seu significat.

Important

Quan TabIndex és zero o superior, la icona o forma es converteix en un botó. La seva aparença no canvia, però els lectors de pantalla la tracten com un botó. No ignoraran el control encara que AccessibleLabel estigui buit. Quan TabIndex és inferior a zero, els lectors de pantalla tracten la icona o la forma com una imatge.

Compatibilitat amb el teclat

  • TabIndex ha de ser zero o superior, si el gràfic s'utilitza com un botó. Els usuaris de teclat poden navegar-hi.

  • Els indicadors d'enfocament han de ser clarament visibles, si el gràfic s'utilitza com un botó. Utilitzeu FocusedBorderColor i FocusedBorderThickness per aconseguir aquest resultat.

Nota

Ens podeu dir quines són les vostres preferències d'idioma per a la documentació? Responeu una breu enquesta. (tingueu en compte que l'idioma de l'enquesta és l'anglès)

Trigareu uns set minuts a completar l'enquesta. No es recopilen dades personals (declaració de privadesa).