Jack Fiallos Blog (AkKa Erling) Vida, Curiosidad y Proyectos

Este es un pequeño ejemplo de como poder cargar un CSS en Flex cuando una aplicación se esta ejecutando.. Antes que nada es necesario crear el archivo css que posteriormente tendremos que compilar dando como resultado un archivo .swf de estilos.

Estilo complejo “complejo.css”

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

Application {
    theme-color: #9DBAEB;
}
Button {
    fontFamily: Tahoma;
    color: #000000;
    fontSize: 11;
    fontWeight: normal;
    text-roll-over-color: #000000;
}
.noMargins {
    margin-right: 0;
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    horizontal-gap: 0;
    vertical-gap: 0;
}

Ahora solo resta compilar es archivo css y el resultado van a ser el mismo archivo compilado en un .swf:

mxmlc complejo.css

No estoy seguro y nunca lo he probado, pero creo que tambien se puede compilar desde Flex Builder seleccionando el archivo, haciendo click derecho sobre el y seleccionando la opcion que dice “compile CSS to SWF”.

Para utilizarlo hacemos:

1

StyleManager.loadStyleDeclarations("complejo.swf");

Y para quitarlo:

1

.StyleManager.unloadStyleDeclarations("complejo.swf", true);

Ya con eso no creo que haya más problema.

About the author

Erling Fiallos wrote 296 articles on this blog.

Profesional en el Desarrollado de aplicaciones web, usuario de linux, fanático de la tecnología. Arquitecto de interfaces apasionado uso de los estándares web Usabilidad/Accesibilidad.. En el camino he aprendido mucho sobre diseño y me dedico a mejorar las aplicaciones pensando en que toda la web debe de ser accesible para todas las personas. Parte activa en el equipo de desarrollo y consultoría de Qbit Mexhico.

• Blog
• Twitter

Entradas Similares:

1. Gráfico de Barras Verticales con CSS
2. Adobe Flex Builder 3 y AIR ambos alphas para Linux
3. Personalizando Alert en Flex
4. HTTPServices o WebServices en Flex
5. Mini How-to: Personalizar la etiqueta <button> con CSS