Información general de la apariencia

El cambio de la apariencia visual de un objeto es una tarea fundamental en Microsoft® Expression Blend™. Mediante las propiedades de Apariencia y Pinceles del panel Propiedades puede cambiar el color del trazo, el color del relleno, la opacidad y la visibilidad de un objeto seleccionado. Según el tipo de objeto que haya seleccionado en el proyecto de Expression Blend, las propiedades de las categorías Apariencia y Pinceles ajustan dinámicamente el contenido del objeto para reflejar los atributos visuales adecuados.

Propiedades comunes de apariencia

Una gran parte de los cambios en la apariencia de un objeto tiene que ver con la aplicación de pinceles a propiedades concretas. En la siguiente tabla se describen estas propiedades.

Propiedad Descripción
Fill Establece el pincel que se aplica al interior de una forma o trazado.
Stroke Establece el pincel que se aplica al contorno (borde) de una forma o trazado.
Background Establece el pincel que se aplica al fondo de un objeto. Los controles como el control de botón normalmente se ven afectados por esta propiedad.
Foreground Establece el pincel que se aplica al primer plano de un objeto. Los controles como el control de cuadro de texto normalmente se ven afectados por esta propiedad.
BorderBrush Establece el pincel que se aplica al borde de determinados controles.
Opacity Establece la opacidad del objeto completo.
Visibility Determina si un objeto está visible u oculto en tiempo de ejecución. Los objetos secundarios también pueden verse afectados por la visibilidad del elemento principal.
OpacityMask Establece un pincel cuyo color se omite y cuya opacidad se transfiere al objeto con máscara. Donde la máscara de opacidad sea opaca, el objeto con máscara será opaco; donde la máscara de opacidad sea transparente, el objeto con máscara será transparente.

Pinceles

Los pinceles se usan para establecer la apariencia visual de un objeto en el área de diseño. Por ejemplo, puede usar un pincel azul sólido para el relleno de un rectángulo (como en la primera imagen situada más abajo). Los pinceles vienen en diversas formas, desde pinceles de color sólido simple o pinceles de degradado hasta pinceles de diseño en mosaico más complejos. En la tabla siguiente se describen los pinceles disponibles en Expression Blend. También puede usar la ficha Sin pincel para no pintar la propiedad seleccionada; por ejemplo, para no aplicar intencionadamente ningún relleno ni trazo en un objeto.

Tipo de pincel Descripción
Pincel de color sólido Compuesto por un solo color.
Pincel de degradado lineal Compuesto por una degradación de color lineal.
Pincel de degradado radial Compuesto por una degradación de color radial.
Pincel de imagen Creado a partir de una imagen. De izquierda a derecha, como se muestra aquí: el pincel de imagen inicial, el pincel de imagen en mosaico y el pincel de imagen volteado.
Pincel con dibujo Creado a partir de un dibujo vectorial. De izquierda a derecha, como se muestra aquí: el pincel con dibujo inicial, el pincel con dibujo en mosaico y el pincel con dibujo volteado.
Pincel visual Creado a partir de un control, por ejemplo, un botón. De izquierda a derecha, como se muestra aquí: el botón inicial y el pincel con el Modo de mosaico establecido en Tile. Tenga en cuenta que los pinceles visuales pueden degradar el rendimiento de la aplicación que se está ejecutando debido a la complejidad del control que se use para crear dichos pinceles.

Recursos del pincel

Después de crear un pincel en un objeto, puede convertir el pincel en un recurso que puede aplicar más tarde a otros objetos. También puede crear diccionarios de recursos para los pinceles con el fin de poder volver a usarlos en el proyecto o incluso en otros proyectos. Para obtener más información, vea Crear un recurso de pincel o de color. Para obtener información acerca de recursos, vea Información general de recursos.

Color y espacios de color

Expression Blend incluye un editor de colores en la categoría Pinceles del panel Propiedades. El editor de colores también aparece si edita un recurso de pincel en el panel Recursos. El editor de colores tiene los cuatro espacios de colores siguientes, así como un modo hexa (#AARRGGBB):

Para cambiar entre los espacios de colores, haga clic en una de las letras subrayadas en el espacio de colores actual para ver un menú emergente de los espacios de colores alternativos.

Herramientas Cuentagotas y Cubo de pintura

Expression Blend proporciona dos herramientas específicamente diseñadas para copiar y aplicar atributos desde y para los objetos. Las siguientes propiedades se copian o aplican durante las acciones Cuentagotas y Cubo de pintura:

 
Cuentagotas Copia la apariencia de otro objeto en el objeto u objetos seleccionados actualmente.
Cubo de pintura Copia la apariencia del objeto u objetos seleccionados actualmente en otro objeto.

Degradados

Los degradados permiten aplicar una combinación graduada de colores a un objeto para crear una degradación de color suave y proporcionar al objeto mayor profundidad. Quizás desee usar ese objeto como un fondo en el que la parte izquierda del objeto contenga un color sólido que se atenúe de forma gradual hasta el blanco en la parte derecha. Esto permite crear dos áreas distintas en un objeto que, de lo contrario, sería plano. A continuación, podría crear un elemento de exploración en la parte izquierda del objeto y agregar algunos párrafos de texto en la parte derecha.

Haga clic en Degradado lineal y Degradado radial en Pinceles, en el panel Propiedades, para alternar entre los dos tipos de Pincel de degradado. 

Puede usar los dos tipos de pinceles de degradado para crear rellenos degradados, trazos degradados, texto que tiene un degradado para la propiedad Foreground o fondos degradados para cualquier elemento que tenga una propiedad Background. Al aplicar un degradado a una propiedad de apariencia, verá que en el control deslizante de degradado aparecen pequeños iconos , llamados delimitadores: Puede cambiar el color de cada delimitador de degradado y agregar tantos delimitadores como desee al control deslizante de degradado haciendo clic en dicho control deslizante. También puede quitar fácilmente delimitadores que ya no necesite. Para ello, simplemente debe arrastrarlos fuera de la parte inferior del control deslizante de degradado (arrastrar los delimitadores fuera de los laterales o del borde superior del control deslizante no los quita).

También hay algunas opciones que pueden establecerse al usar un pincel de degradado (Opciones). Estas opciones funcionan para degradados lineales y radiales al usar Transformación del pincel en el Cuadro de herramientas. Para obtener más información, vea Herramienta Transformación del pincel más adelante.

Aquí puede establecer el modo de degradado como Pad, Reflect (crea un reflejo del relleno degradado) o Repeat (repite el relleno degradado).

Herramienta Transformación del pincel

Para transformar el relleno, el pincel, la máscara de opacidad u otro pincel que se aplica a un objeto, seleccione la propiedad Brush en el panel Propiedades y, a continuación, la herramienta Transformación del pincel en el Cuadro de herramientas. Aparecerá una flecha de transformación del pincel en el área de diseño que puede modificar con el puntero del mouse. Si usa un pincel de degradado, los extremos de la flecha de transformación corresponden a los delimitadores de degradado situados en los extremos de la barra de colores. En las siguientes imágenes se muestra la apariencia de un objeto Rectangle después de aplicar varias transformaciones al pincel de degradado de la propiedad Fill.

Transformaciones aplicadas al relleno de un rectángulo: degradado lineal (arriba) y degradado radial (abajo)

Opcionalmente puede establecer las propiedades que aparecen cuando hace clic en el botón Opciones de Pinceles en el panel Propiedades. En la imagen anterior, está seleccionada la opción Pad. Si selecciona la opción Reflect o Repeat y, a continuación, hace la flecha de transformación más corta que el objeto, vería un efecto arrugado.

Puede transformar otros tipos de pincel distintos de los pinceles de degradado. Para obtener más información acerca de las transformaciones de pincel, vea Transformar un pincel de degradado o de diseño en mosaico.

Recorte

A veces, cuando transforme un pincel, se recortarán partes del objeto (es decir, desaparecerán partes fuera del rectángulo de selección). Puede solucionar los problemas de recorte de las siguientes formas:

Trazos

Los trazos son los bordes de los objetos. Puede cambiar el pincel aplicado (sólido, de degradado o de diseño en mosaico), la opacidad, el ancho y el límite del inglete del trazo de un objeto, así como los estilos de unión en ángulo y remate final. El trazo de un objeto siempre se aplica sobre un relleno, incluso aunque no se haya aplicado ningún relleno a ese objeto. Para realizar cualquier cambio en el trazo de un objeto, es necesario que Stroke esté seleccionado en la lista de Pinceles, en el panel Propiedades.

Opacidad y visibilidad

Puede cambiar la opacidad de un objeto mediante la propiedad Opacity en Apariencia, en el panel Propiedades. Cuando se reduce la opacidad de un objeto, se aumenta su transparencia para poder ver otros objetos situados detrás. La opacidad se controla mediante un canal alfa que almacena toda la información de transparencia de un objeto, degradado o máscara de opacidad.

Propiedad Descripción
Opacity Cambia la transparencia de un objeto completo, incluidos todos los atributos visuales del objeto. En la imagen situada a la derecha se muestra el valor de opacidad establecido en el 60 por ciento.
Transparency   Establece el valor alfa de un atributo de objeto, como el relleno o el trazo, en ligeramente transparente sin tener que cambiar todos los atributos de un solo objeto. En la imagen situada a la derecha se muestra que sólo el relleno de la elipse es más transparente, ya que el valor alfa del relleno está establecido en el 50 por ciento. El trazo de la elipse permanece en el 100 por ciento.
Visibility Permite ocultar o mostrar un objeto en diferentes momentos. Esto es especialmente eficaz en animación, cuando no se desea quitar un objeto completamente del área de diseño. En la imagen situada a la derecha, el objeto izquierdo que tiene un relleno azul y un trazo negro grueso y que forma parte de las dos imágenes precedentes de esta tabla ahora está establecido como Hidden.

Efectos de imagen

Los efectos de imagen son operaciones de procesamiento de píxeles simples.

Nota En aplicaciones de Windows Presentation Foundation (WPF) (como las creadas con Expression Blend), píxeles hace referencia a píxeles independientes del dispositivo o unidades independientes del dispositivo que equivalen al tamaño de un píxel en un monitor que tenga configurada una resolución de pantalla de 96 ppp. Cada unidad aproximadamente mide 1/96 de pulgada, independientemente del tamaño del monitor o de la resolución de pantalla.

En la siguiente tabla se describe cada efecto de imagen en Expression Blend. Cada efecto de imagen expone las propiedades que pueden controlar las propiedades de filtrado, como el radio, de BlurBitmapEffect. Los efectos de imagen pueden establecerse como propiedades de objetos dinámicos, como un botón o un cuadro de texto. El procesamiento de píxeles se aplica y se representa en tiempo de ejecución. Puesto que los efectos de imagen se representan en modo de software, cualquier objeto que aplique un efecto también se representará en modo de software. No se deben aplicar efectos de imagen a animaciones o elementos visuales grandes, ya que esto puede degradar el rendimiento de la aplicación.

Efecto Descripción
Ninguno

Botón sin ningún efecto de imagen aplicado.
Desenfoque

Botón con un efecto de desenfoque

 Simula un objeto que se mira a través de una lente desenfocada.
Resplandor exterior

Botón con un efecto de resplandor exterior

 Crea un halo de color alrededor del perímetro de un objeto.
Sombra paralela

Botón con un efecto de sombra paralela

 Crea una sombra detrás de un objeto.
Bisel

Botón con un efecto de bisel

 Crea un bisel que eleva la superficie de una imagen según una curva especificada.
Relieve

Botón con un efecto de relieve

 Crea un mapa de rugosidad de un elemento visual para dar la impresión de profundidad y textura derivadas de una fuente de luz artificial.