El color de un elemento de visualización se configura de forma estática mediante la propiedad «Color», o de forma dinámica asignando una variable de aplicación mediante la propiedad «Variables de color». Dependiendo del elemento, las asignaciones de color también están disponibles en otras propiedades. Por ejemplo, para el color de la fuente, se proporciona en la propiedad «Text» de un elemento etiquetado.
Para la asignación estática de un valor de color, siempre puede utilizar el diálogo de color en el editor de propiedades, que proporciona paletas de colores para elegir.
Puede especificar el color como color de estilo. Los colores de estilo son nombres de color para las definiciones de color del estilo aplicado activamente. Al configurar una propiedad correspondiente, se le proporciona una lista de colores de estilo disponibles. Le recomendamos que utilice colores de estilo porque así podrá cambiar los colores de forma centralizada mediante una selección de estilo o una personalización de estilo. También puede abrir el cuadro de diálogo «Color» para seleccionar un valor de las paletas de colores.
Además, puede definir el color de relleno de un elemento como un degradado . A continuación, el color cambia de forma lineal, radial o axial desde el color inicial hasta el color final. El ajuste «Gradiente» se configura en el cuadro de diálogo «Editor de gradientes».
Diseño de un elemento de visualización con un color de estilo o un valor de color fijo
AVISO
Una asignación de color con color de estilo permite cambiar fácilmente el color global.
Requisito: El editor de visualización está abierto.
-
Inserte algunos elementos en
Rectangle. -
Selecciona un elemento.
La vista «Propiedades» está activa.
-
Haga clic en la propiedad «Colores Estado normal Color de relleno».
Aparecen un cuadro de lista y el botón
. -
Asigne un color de estilo al rectángulo. Por ejemplo, seleccione «Elementfillcolor» en el cuadro de lista.
-
Defina el grado de transparencia en la propiedad «Colores Estado normal Color de relleno Transparencia». Utilice el control deslizante para seleccionar el valor «136».
-
Selecciona otro rectángulo. Haga clic en la propiedad «Colores Estado normal Color de relleno».
Aparecen un cuadro de lista y el botón
. -
Asigne un valor de color fijo al rectángulo. Para ello, haga clic en
.Se abre el cuadro de diálogo «Color».
-
Seleccione un color estándar o «Definir colores personalizados» para afinar su selección. A continuación, haga clic en «OK».
El color se establece como un valor fijo. El color se muestra como un pequeño rectángulo. Los valores RGB también se indican al lado.
-
Haga clic en la propiedad «Colores Estado normal Color de relleno Transparencia».
-
Utilice el control deslizante para seleccionar el valor «136».
El color es semitransparente.
Diseñar un elemento de visualización con un gradiente de color
Requisito: El editor de visualización está abierto.
-
Arrastre un elemento «Rectangle» a la visualización.
-
Seleccione la propiedad «Colors Use gradient color».
-
Haga clic en la propiedad «Colors Gradient setting».
Se abre el diálogo «Editor de degradados».
-
Define el gradiente de color para el elemento:
-
«Tipo de gradiente»: «Radial»
-
«Radial estándar»: «Centro»
El color de relleno del elemento cambia radialmente de blanco a negro.
-
Configuración de un elemento de visualización para la animación en color
La propiedad «Variables de color», que pueden tener ciertos elementos, se utiliza para la animación del color del elemento. Si asigna una variable allí, entonces puede programar cambios de color en el código de la aplicación o configurar una entrada de usuario que resulte en un cambio de color.
Puede ver un ejemplo en el capítulo "Animación de elementos de visualización".