Compartir a través de

Controles Forma e Icono en Power Apps

  • Artículo

Gráficos para los que puede configurar las propiedades de aspecto y comportamiento.

Descripción

Estos controles incluyen flechas, formas geométricas, iconos de acción y símbolos para los que puede configurar propiedades como el relleno, el tamaño y la ubicación. También puede configurar su propiedad OnSelect para que la aplicación responda si el usuario selecciona el control.

Propiedades clave (iconos y formas)

Fill: el color de fondo de un control.

OnSelect: acciones para llevar a cabo cuando el usuario selecciona un control.

Propiedades clave (solo iconos)

Icono: el tipo de icono para mostrar (por ejemplo, ArrowDown o ShoppingCart).

Rotation: el número de grados de rotación del icono.

Color: el color del icono por nombre o valores RGBA.

Propiedades adicionales

AccessibleLabel: etiqueta para lectores de pantalla.

DisplayMode: indica si el control permite entradas de usuario (Editar), solo muestra datos (Ver) o si está deshabilitado (Deshabilitado).

FocusedBorderColor: el color del borde de un control cuando el control recibe el foco.

FocusedBorderThickness: el grosor del borde de un control cuando el control recibe el foco.

Height: la distancia entre los bordes superior e inferior de un control.

HoverFill: el color de fondo de un control cuando el usuario mantiene el puntero del ratón sobre él.

PressedBorderColor: el color del borde de un control cuando el usuario selecciona ese control.

PressedFill: el color de fondo de un control cuando el usuario selecciona ese control.

TabIndex: orden de navegación del teclado en relación con otros controles.

Visible: indica si un control aparece o está oculto.

Width: la distancia entre los bordes derecho e izquierdo de un control.

X: la distancia entre el borde izquierdo de un control y el borde izquierdo de su contenedor primario (la pantalla si no hay un contenedor primario).

Y: la distancia entre el borde superior de un control y el borde superior de su contenedor primario (la pantalla si no hay un contenedor primario).

Navigate( ScreenName, ScreenTransition )

Ejemplo

  1. Asigne al control Pantalla predeterminado el nombre Target, agregue un control Etiqueta y establezca su propiedad Text para que muestre Target.

    ¿No sabe cómo agregar y configurar un control?

  2. Agregue un control Pantalla y denomínelo Source.

  3. En Source, agregue un control Forma y establezca su propiedad OnSelect en esta fórmula:

Navigate(Target, ScreenTransition.Fade)

  1. Presione F5 y luego seleccione el control Forma.

    Aparecerá la pantalla Target.

  2. (opcional) Presione Esc para volver al área de trabajo predeterminada, agregue un control Forma a Target y establezca la propiedad OnSelect del control Forma en la siguiente fórmula:

Navigate(Source, ScreenTransition.Fade)

Instrucciones para accesibilidad

Contraste de color

Lo siguiente se aplica solo a gráficos que se usan como botones o que no solo se usen como decoración.

Para iconos:

Para las formas con bordes:

Para formas sin bordes:

  • Fill y el color fuera del control
  • PressedFill y el color fuera del control (si se usa como botón)
  • HoverFill y el color fuera del control (si se usa como botón)

Compatibilidad con el lector de pantalla

  • AccessibleLabel debe configurarse para gráficos importantes.

  • Si el gráfico es para decoración o proporciona información redundante, deje vacío AccessibleLabel o configúrelo como una cadena vacía "". Los lectores de pantalla ignorarán estos gráficos.

Por ejemplo, puede colocar un icono de Candado junto a una Etiqueta que diga Este formulario no se puede modificar. No necesita un AccessibleLabel para el icono porque la Etiqueta ya explica su significado.

Importante

Cuando TabIndex es cero o mayor, el icono o la forma se convierten en un botón. Su apariencia no cambia, pero los lectores de pantalla lo tratarán como un botón. No ignorarán el control, incluso si AccessibleLabel esta vacio. Cuando TabIndex es menor que cero, los lectores de pantalla tratan el icono o la forma como una imagen.

Compatibilidad con el teclado

  • TabIndex debe ser cero o mayor si el gráfico se utiliza como botón. Los usuarios del teclado pueden entonces navegar hasta él.

  • Los indicadores de foco deben ser claramente visibles si el gráfico se usa como botón. Use FocusedBorderColor y FocusedBorderThickness para conseguirlo.

Nota

¿Puede indicarnos sus preferencias de idioma de documentación? Realice una breve encuesta. (tenga en cuenta que esta encuesta está en inglés)

La encuesta durará unos siete minutos. No se recopilan datos personales (declaración de privacidad).