Skip to main content

Asignar color

El color de un elemento de visualización se configura estáticamente a través de la propiedad color o dinámicamente asignando una variable de aplicación a través de la propiedad variables de color. Dependiendo del elemento, también hay asignaciones de color en otras propiedades, por ejemplo, para el color de fuente en la propiedad. texto un elemento etiquetado.

Para la asignación estática de un valor de color, siempre puede utilizar el cuadro de diálogo Color en el editor de propiedades, que ofrece paletas de colores para la selección.

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, obtiene una lista de selección de los colores de estilo disponibles. Recomendamos usar colores de estilo., porque luego puede cambiar los colores en un lugar a través de la selección de estilo o un ajuste de estilo. Alternativamente, puede usar el diálogo color abrir para seleccionar un valor de las paletas de colores.

Además, puede establecer el color de relleno de un elemento como gradiente de color definir. Luego, el color cambia de forma lineal, radial o axial desde el color de inicio hasta el color de destino. los Selector de degradado configurar en diálogo editor de degradado.

Elemento de visualización de diseño con color de estilo o con valor de color fijo

Importante

Una asignación de color con color de estilo permite cambios de color globales simples.

Requisito: El editor de visualización está abierto.

  1. Agregar algunos elementos de tipo Rechteck un.

  2. Selecciona un artículo.

    La vista propiedades está activo.

  3. Haga clic en la propiedad Colores → Estado normal → Color de relleno .

    Una lista de selección y el botón _cds_icon_button_threedots.png a aparecer.

  4. Dale al rectángulo un color de estilo para. Para hacer esto, seleccione el color de la lista de selección, por ejemplo color de relleno del elemento el fin.

  5. Definir el nivel de transparencia en la propiedad Colores → Estado normal → Color de relleno → Transparencia : utilice el control deslizante para seleccionar el valor 136.

  6. Seleccione otro rectángulo. Haga clic en la propiedad Colores → Estado normal → Color de relleno .

    Una lista de selección y el botón _cds_icon_button_threedots.png a aparecer.

  7. Dale al rectángulo un valor de color fijo a: Para hacer esto, haga clic en el botón _cds_icon_button_threedots.png.

    El diálogo color se abre

  8. Seleccione un color base o haga clic definir colores para un ajuste fino. Después de eso, haga clic en OK.

    El color se establece como un valor fijo. El color se representa como un pequeño rectángulo. Los valores RGB se dan al lado.

  9. Haga clic en la propiedad Colores → Estado normal → Color de relleno → Transparente .

  10. Utilice el control deslizante para seleccionar el valor 136.

    El color es semitransparente.

Para más información, ver Aplicación de estilos de visualización.

Elemento de visualización de diseño con degradado de color.

Requisito: El editor de visualización está abierto.

  1. Arrastre un elemento de tipo rectángulo en la visualización.

  2. Activar la propiedad Colores → Usar degradado .

  3. Haga clic en la propiedad Colores → Selector de degradado .

    El diálogo editor de degradado se abre

  4. Defina el degradado para el elemento:

    • gradiente de color: Radial.

    • Radial por defecto: centrar.

    El color de relleno del elemento cambia radialmente de blanco a negro.

    _visu_img_viscolor_gradient.png

Configurar elemento de visualización para animación en color.

La propiedad variables de color , que tienen elementos específicos, es para la animación en color del elemento. Al asignar una variable allí, puede programar cambios de color en el código de la aplicación o configurar la entrada del usuario que resulta en un cambio de color.

Para más información, ver Animación de elementos y Animar representación de color.