Adobe Flex pieles, cambiar el aspecto fácilmente.


Que ya está acostumbrado a trabajar con Adobe Flex Builder, que por supuesto ya notado que las propiedades de la mayoría de los componentes tienen algunas propiedades en la piel, tales como overSkin, downSkin, borderSkin entre otros .. Sin embargo, es muy hermoso si fuera fácil de entender .. algo que es, por un lado, es bueno tener el apoyo de pieles, en el otro no es la más mínima idea de cómo hacerlo.

Fui a otro de vuelta y encontró la red en el sitio de adobe muy interesante. Un componente de Adobe Photoshop para diseñar skins para Adobe Flex.

Sin embargo, a partir, simplemente descargarlo de flexbuilder3_sdext_b2_ps_100107.zip y extraer su contenido a la carpeta que se presenta la carpeta de instalación de Adobe Photoshop.

Y se hace, simplemente iniciar el Photoshop, en mi archivo-> Scripts-> Nueva Flex Pieles y elegir el componente que desea y es el modelo original después de la piel Flex. para cambiar a seleccionar la capa y la capa de cambio uno por uno, y no poner más de un elemento por capa, o añadir capas.

Al final de los cambios, simplemente ocultar la capa (0) lo que dice OCULTAR antes de la exportación, e ir al menú Archivo-> Scripts-> Exportar Flex Pieles

Seleccione la carpeta de destino y la piel se hace.

En Flex, sólo tiene que ir a Archivo-> Importar-> Flex Artwork e indicar el directorio donde guardó las pieles Photoshop.

Después de tan sólo seguir y poner un nuevo panel en su aplicación y ver durante más tiempo con la debida piel.
Tenga en cuenta que la piel comienza a ser utilizado en todos los grupos de su aplicación, si usted desea aplicar a una sola, o editar el CSS y poner en la definición. MeuPainel1 y adjuntar a esta definición el Grupo, o q en el establecimiento de la piel en Photoshop, se pregunta si debería aplicarse a la piel cada grupo, elegir la otra opción y poner su número de identificación del panel puedan resultar afectados por la piel. Pero luego de que llegue a su descripción.

Aquí dejar un pequeño ejemplo de un botón y un Panel:

Para ver el código fuente, haga clic aquí

Más información acerca de cómo cambiar la apariencia de Flex usando Photoshop, Illustrator o Flash CS3

http://blogs.adobe.com/flexdoc/pdf/fbskinning.pdf

http://www.adobe.com/devnet/flex/articles/skins_styles.html

http://www.adobe.com/devnet/flex/articles/flex_skins.html

¿Entonces? No es fácil?

Se está a la espera de comentarios.

la versión en formato pdf disponible temporalmente.
Dejar un comentario o una Trackback

Un Trackback

  1. Por Manifiesto Flex Brasil | TSW - que debería funcionar el 19 de marzo de 2008 a 1:26 pm

    [...] Post: Adobe Flex Pieles - Cambio de la visual fácilmente [...]

Déjanos tu comentario

Su dirección de correo electrónico nunca es publicado o compartido. Los campos obligatorios están marcados con un *