Esto da para un tutorial completo (El "skineo" de componentes es todo un arte), pero solo mostrare lo mas importante, usar CSS para personalizar componentes.
Este ejemplo sencillo modificara de manera global los componentes CheckBox, RadioButton, List, Button, TextArea y NumericStepper
/*Creamos una variable que modificara los estilos globalmente, asignandole cada uno
de los estilos de componente a modificar */
var estiloGlobal = _global.styles.Button=_global.styles.CheckBox=
_global.styles.TextArea=_global.styles.RadioButton=_global.styles.List
=_global.styles.NumericStepper = new mx.styles.CSSStyleDeclaration();
//Le asignamos a la variable distintos tipos de estilo compatibles con el estandar CSS
estiloGlobal.backgroundColor = 0xEFF3F7;
estiloGlobal.color=0x666666;
estiloGlobal.fontFamily = "Verdana";
estiloGlobal.shadowColor=0xFFFFFF;
Y no solo eso, tambien podemos hacer "temas" para los componentes, es decir, crear cada uno de sus elementos (Barras de scroll, fondos, bordes) para personalizar aun mas nuestra interfaz.
Un ejemplo de como quedaria seria algo asi:
Apariencia de los componentes despues de "skinnear" y aplicarles CSS
Hay 3 opiniones. Opina sobre este curso.
| Cursos | Valoración | Alumnos | Vídeo | |
|---|---|---|---|---|
|
Autocad. Dibujo en 2d y 3d (4/4) Autocad. Este curso online está diseñado, para que cualquier persona sin ningún conocimiento de Autocad pueda seguirlo y pueda divert... [05/10/09] |
|
612 | ||
|
Generadores de código Necesitamos construir proyectos en menor tiempo, con calidad y utilizando metodologias actuales, por eso te proponemos una serie de consejos, normas y cualidades de est... [24/01/06] |
|
2.210 | ||
|
SVG: gráficos e interactividad en la Web En muchos tipos de páginas Web, interesa que aparezcan gran cantidad de gráficos e imágenes y que además exista cierta interactividad entre los usuarios y el contenido de... [15/09/04] |
|
4.377 | ||
Publicar en
del.icio.us
digg
meneame