Propiedades de color y bordes en Power Apps

Introducción

Configure el estilo de un control en función de cómo el usuario interactúa con él.

Puede especificar los colores de muchas maneras:

• Enumeración de color: especifique los nombres de colores de las hojas de estilo en cascada, como en estos ejemplos:

  • Color.Red
  • Color.Indigo

• Función ColorValue: especifique cadenas de texto como nombres de colores de hojas de estilos en cascada y notación de código hexadecimal (#), como en estos ejemplos:

  • ColorValue ("AliceBlue")
  • ColorValue ("#ff00ff")

• Función ColorFade: especifique cómo se atenúa un color, desde totalmente negro (-100%) a totalmente blanco (100%), como en este ejemplo:

  • ColorFade( Color.Red, 50% )

• Función RGBA: especifique los componentes rojo, verde y azul de un color de 0 a 255, y especifique un canal alfa de 0% (totalmente transparente) a 100% (totalmente opaco), como en este ejemplo:

  • RGBA( 255, 0, 255, 25% )

Las propiedades de color también pueden hacer referencia a otras propiedades de color. Por ejemplo, Etiqueta.PressedColor se puede establecer en la fórmula Label1.Color, colocando en cascada automáticamente un cambio de una propiedad a otra.

normal

Estas propiedades estarán en vigor normalmente cuando el usuario no está interactúe con el control.

BorderColor: el color de un borde del control.

• Se aplica a los controles Agregar imagen, Audio, Botón, Cámara, Tarjeta, Casilla, Diagrama de columnas, Selector de fecha, Mostrar formulario, Desplegable, Editar formulario, Exportar, Galería, Texto HTML, Imagen, Importar, Etiqueta, Gráfico de líneas, Cuadro de lista, Micrófono, Visor de PDF, Entrada manuscrita, Gráfico circular, Radio, Calificación, Control deslizante, Entrada de texto, Temporizador, Control de alternancia y Vídeo.

BorderStyle : si el borde del control es Solid, Dashed, Dotted o None.

• Se aplica a los controles Agregar imagen, Audio, Botón, Cámara, Tarjeta, Casilla, Diagrama de columnas, Selector de fecha, Mostrar formulario, Desplegable, Editar formulario, Exportar, Galería, Texto HTML, Imagen, Importar, Etiqueta, Gráfico de líneas, Cuadro de lista, Micrófono, Visor de PDF, Entrada manuscrita, Gráfico circular, Radio, Calificación, Control deslizante, Entrada de texto, Temporizador, Control de alternancia y Vídeo.

BorderThickness: el grosor de un borde del control.

• Se aplica a los controles Agregar imagen, Audio, Botón, Cámara, Tarjeta, Casilla, Diagrama de columnas, Selector de fecha, Mostrar formulario, Desplegable, Editar formulario, Exportar, Galería, Texto HTML, Imagen, Importar, Etiqueta, Gráfico de líneas, Cuadro de lista, Micrófono, Visor de PDF, Entrada manuscrita, Gráfico circular, Radio, Calificación, Control deslizante, Entrada de texto, Temporizador, Control de alternancia y Vídeo.

Color: el color del texto en un control.

• Se aplica a los controles Agregar imagen, Botón, Casilla, Diagrama de columnas, Selector de fecha, Desplegable, Exportar, Texto HTML, Importar, Etiqueta, Gráfico de líneas, Cuadro de lista, Micrófono, Entrada manuscrita, Gráfico circular, Radio, Entrada de texto y Temporizador.

Drop Shadow: agrega efectos de sombra alrededor del control.

• Se aplica a los controles Contenedor horizontal y Contenedor vertical.

Fill: el color de fondo de un control.

• Se aplica a los controles Agregar imagen, Audio, Botón, Tarjeta, Casilla, Selector de fecha, Mostrar formulario, Desplegable, Editar formulario, Exportar, Galería, Texto HTML, Icono, Imagen, Importar, Etiqueta, Cuadro de lista, Micrófono, Visor de PDF, Entrada manuscrita, Radio, Calificación, Pantalla, Forma, Entrada de texto, Temporizador, Control de alternancia y Vídeo.

Enfocado

Estas propiedades tienen efecto cuando el control recibe el foco.

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

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

• Estas propiedades se aplican a los controles Agregar imagen, Datos adjuntos, Audio, Botón, Cámara, Casilla, Cuadro combinado, Selector de fecha, Desplegable, Exportar, Galería, Icono, Imagen, Importar, Etiqueta, Cuadro de lista, Micrófono, Radio, Calificación, Forma, Control deslizante, Entrada de texto, Temporizador, Control de alternancia y Vídeo.

Deshabilitados

Estas propiedades tienen efecto cuando el control está deshabilitado. Se puede deshabilitar un control si se estable la propiedad DisplayMode en Deshabilitado.

DisabledBorderColor: el color de un borde del control si la propiedad DisplayMode del control está establecida en Deshabilitado.

• Se aplica a los controles Agregar imagen, Botón, Casilla, Diagrama de columnas, Selector de fecha, Desplegable, Exportar, Texto HTML, Imagen, Importar, Etiqueta, Gráfico de líneas, Cuadro de lista, Micrófono, Visor de PDF, Gráfico circular, Radio, Control deslizante, Entrada de texto, Temporizador y Control de alternancia.

DisabledColor: el color del texto en un control si su propiedad DisplayMode está establecida en Deshabilitado.

• Se aplica a los controles Agregar imagen, Botón, Casilla, Selector de fecha, Desplegable, Exportar, Importar, Etiqueta, Cuadro de lista, Micrófono, Radio, Entrada de texto y Temporizador.

DisabledFill: el color de fondo de un control si su propiedad DisplayMode está establecida en Deshabilitado.

• Se aplica a los controles Agregar imagen, Botón, Casilla, Selector de fecha, Desplegable, Exportar, Texto HTML, Imagen, Importar, Etiqueta, Cuadro de lista, Micrófono, Radio, Entrada de texto y Temporizador.

Coloque el cursor

Estas propiedades tienen efecto cuando el usuario mantiene el ratón sobre el control.

HoverBorderColor: el color de un borde del control cuando el usuario mantiene el puntero del ratón sobre ese control.

• Se aplica a los controles Agregar imagen, Botón, Casilla, Diagrama de columnas, Desplegable, Exportar, Texto HTML, Imagen, Importar, Etiqueta, Gráfico de líneas, Cuadro de lista, Micrófono, Visor de PDF, Gráfico circular, Control deslizante, Entrada de texto, Temporizador y Control de alternancia.

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

• Se aplica a los controles Agregar imagen, Botón, Casilla, Desplegable, Exportar, Importar, Etiqueta, Cuadro de lista, Micrófono, Radio, Entrada de texto y Temporizador.

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

• Se aplica a los controles Agregar imagen, Botón, Casilla, Desplegable, Exportar, Icono, Imagen, Importar, Etiqueta, Cuadro de lista, Micrófono, Radio, Forma, Entrada de texto y Temporizador.

Presionado

Estas propiedades tienen efecto cuando se presiona un botón o un control de imagen.

PressedBorderColor: el color de un borde del control cuando el usuario toca o hace clic en ese control.

• Se aplica a los controles Agregar imagen, Botón, Casilla, Diagrama de columnas, Desplegable, Exportar, Icono, Imagen, Importar, Etiqueta, Gráfico de líneas, Cuadro de lista, Micrófono, Visor de PDF, Gráfico circular, Forma, Control deslizante, Entrada de texto, Temporizador y Control de alternancia.

PressedColor: el color de texto de un control cuando el usuario toca o hace clic en ese control.

• Se aplica a los controles Agregar imagen, Botón, Casilla, Desplegable, Exportar, Importar, Etiqueta, Cuadro de lista, Micrófono, Radio, Entrada de texto y Temporizador.

PressedFill: el color de fondo de un control cuando el usuario toca o hace clic en ese control.

• Se aplica a los controles Agregar imagen, Botón, Casilla, Desplegable, Exportar, Imagen, Importar, Etiqueta, Cuadro de lista, Micrófono, Radio, Entrada de texto y Temporizador.

Selección

Estas propiedades tienen efecto cuando el usuario selecciona un elemento en un control.

SelectionColor: color del texto de los elementos seleccionados en una lista o de la herramienta de selección de un control de lápiz.

• Se aplica a los controles Desplegable, Cuadro de lista y Entrada manuscrita.

SelectionFill: el color de fondo de uno o varios elementos seleccionados en una lista o un área seleccionada de un control de lápiz.

• Se aplica a los controles Desplegable y Cuadro de lista.

Orden de color

Un control puede estar en varios estados. Por ejemplo: con el foco y flotante. Solo se utiliza un color, en este orden:

1. Deshabilitados
2. Presionado
3. Mantener el puntero
4. Foco
5. normal