Controis de formas e iconas en Power Apps

Gráficos para os que pode configurar propiedades de aspecto e comportamento.

Descripción

Estes controis inclúen frechas, formas xeométricas, iconas de acción e símbolos para os que pode configurar propiedades como as de recheo, tamaño e localización. Tamén pode configurar a súa propiedade OnSelect para que a aplicación responda se o usuario selecciona o control.

Propiedades clave (iconas e formas)

Enchemento : a cor de fondo dun control.

OnSelect – Como responde a aplicación cando o usuario selecciona un control.

Propiedades clave (só iconas)

Icona - O tipo de icona a mostrar (por exemplo, ArrowDown ou Carrodacompra ).

Rotación - O número de graos para xirar a icona.

Cor - A cor da icona polo seu nome ou valores RGBA.

Propiedades adicionais

AccessibleLabel : etiqueta para lectores de pantalla.

DisplayMode : se o control permite a entrada do usuario ( Editar ), só mostra datos ( Ver ) ou está desactivado ( Desactivado ).

FocusedBorderColor : a cor do bordo dun control cando o control está enfocado.

FocusedBorderThickness : o grosor do bordo dun control cando o control está enfocado.

Altura : distancia entre os bordos superior e inferior dun control.

HoverFill – A cor de fondo dun control cando o usuario mantén o punteiro do rato sobre el.

PressedBorderColor – A cor do bordo dun control cando o usuario selecciona ese control.

PressedFill – A cor de fondo dun control cando o usuario selecciona ese control.

TabIndex - Orde de navegación do teclado en relación con outros controis.

Visible : se aparece un control ou está oculto.

Largura : distancia entre os bordos esquerdo e dereito dun control.

X : A distancia entre o bordo esquerdo dun control e o bordo esquerdo do seu contedor principal (pantalla, se non hai ningún contedor principal).

Y : A distancia entre o bordo superior dun control e o bordo superior do contedor principal (pantalla, se non hai ningún contedor principal).

Navigate ( ScreenName , ScreenTransition )

Exemplo

  1. Asine ao control Screen predeterminado o nome Destino , engada un control Label e configure a súa propiedade Texto para amosar Destino.

    Non sabe como engadir e configurar un control?

  2. Engada un control de Screen e asígnelle o nome Orixe.

  3. En Orixe , engada un control de Forma e configure a súa propiedade OnSelect nesta fórmula:

Navigate(Target, ScreenTransition.Fade)

  1. Prema F5 e, a seguir, seleccione o control Forma.

    Aparecerá a pantalla Destino.

  2. (opcional) Prema Esc para volver ao espazo de traballo predeterminado, engada un control de Forma a Destino e estableza a propiedade OnSelect do control Forma nesta fórmula:

Navigate(Source, ScreenTransition.Fade)

Directrices de accesibilidade

Contraste de cor

O seguinte só se aplica aos gráficos que se usan como botóns ou non son só para decoración.

Para iconas:

Para formas con bordos:

Para formas sen bordos:

  • Fill e a cor fóra do control
  • PressedFill e a cor fóra do control (se se usa como botón)
  • HoverFill e a cor fóra do control (se se usa como botón)

Soporte do lector de pantalla

  • AccesibleLabel debe establecerse nunha cadea non baleira se o gráfico se usa como botón ou non é só para decoración.

  • AccessibleLabel debe estar baleiro ou a cadea baleira "" se o gráfico fornece información redundante ou é exclusivamente para decoración. Este valor fai que os lectores de pantalla ignoren o gráfico.

Por exemplo, pode configurar a propiedade AccessibleLabel dunha icona de Configuración en Configuración. Esta icona non se usa como botón. Está a carón dunha Label que tamén di Configuración. Os lectores da pantalla lerán tanto a icona como a etiqueta como Configuración , que é innecesariamente detallada. Neste caso, a icona non precisa unha AccessibleLabel.

Importante

Os lectores de pantalla lerán unha icona ou forma como botón se a súa AccesibleLabel está definida nunha cadea baleira e o seu TabIndex establécese en cero ou nun valor superior. Estas iconas ou formas móstranse como botóns.

Compatibilidade do teclado

  • TabIndex debe ser igual a cero ou superior, se o gráfico se usa como botón. Se establece este valor para unha icona ou forma, os usuarios do teclado poden navegar ata el.

  • Os indicadores de enfoque deben estar claramente visibles se o gráfico se usa como botón. Use FocusedBorderColor e FocusedBorderThickness para conseguir este resultado.

    Nota

    Cando TabIndex equivale a cero ou a un valor superior, a icona ou a forma móstrase como un botón. O seu aspecto non cambia, pero os lectores da pantalla identificarán correctamente a imaxe como un botón. Cando TabIndex é inferior a cero, a icona ou a forma identifícase como unha imaxe.