miércoles, 23 de abril de 2008

Stilos, clase de Flex I

Existen tres tipos de estilos:

css - assets - .fla

estos tres juntos crean un swc --> llamado tambien skin. Por defecto Flex 2 trae uno que se llama haloo.

Pero normalmente se suele llegar solo al css.

Los estilos permiten cambiar el aspecto visual de nuestra aplicación usando las propiedades de estilo de los componentes (UIComponent). Estas propiedades están sujetas al "tema" que se use.

Pueden ser aplicados jerárquicamente o a un componente específico.
- Las propiedades de estilo pueden recibir valores en los formatos de Tiempo, longitud y color.
- Existe un global Selector relacionado.

Formas de encontrar información de estilo:

-Fichero de estilo externo: Fichero de estilo común enlazado
-Definición de estilo local: Definición de estilo común
-clase StyleManager: Permite acceder a los selectores de CSS definidos (clases de tipo CSSStyleDeclaration) y modificarlos y manipularlos.
-Métodos getStyle() y setStyle): Permiten modificar las propiedades de estilo de un objeto en concreto desde actionscript.
-Estilos en línea.

Cascade Style Sheet en Flex (CSS)

-Propiedades y selectores: sintaxis hyphenated (font-color) y camel-case (fontColor).
-herencia en CSS: Las propiedades se aplican a las clases padres e hijos
-Diferencias con la especificación de CSS:Flex implementa solo una parte en dependencia del tema.
-Selectores: Se define el estilo con la propiedad styleName y se puede usar una clase del Framework directamente
-Estilos soportados: color, fontFamily, fontSize, fontStyle, fontWeight, paddingBottom, paddingLeft, paddingRight, paddingTp, textAlign, textDecration, textIndent.
-Recursos embebidos: backgroundImage

No hay comentarios:

Publicar un comentario