Share via

Controis de forma e icona en Power Apps

  • Artigo

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 - Accións a realizar 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

  • AccessibleLabel debe configurarse para gráficos importantes.

  • Se o gráfico é para decoración ou proporciona información redundante, deixe AccessibleLabel baleiro ou configúreo na cadea baleira "". Os lectores de pantalla ignorarán estes gráficos.

Por exemplo, pode colocar unha icona de Cadeado xunto a unha Etiqueta que diga Este formulario non se pode modificar. Non precisa unha AccessibleLabel para a icona porque a Etiqueta xa explica o seu significado.

Importante

Cando TabIndex é cero ou maior, a icona ou a forma convértese nun botón. O seu aspecto non cambia, pero os lectores de pantalla tratarano como un botón. Non ignorarán o control, aínda que AccessibleLabel estea baleiro. Cando TabIndex é inferior a cero, os lectores de pantalla tratan a icona ou a forma como unha imaxe.

Compatibilidade do teclado

  • TabIndex debe ser igual a cero ou superior, se o gráfico se usa como botón. 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

Pode indicarnos as súas preferencias para o idioma da documentación? Realice unha enquisa breve. (teña en conta que esa enquisa está en inglés)

Esta enquisa durará sete minutos aproximadamente. Non se recompilarán datos persoais (declaración de privacidade).