|
 |
Tutoriales de flash
|
Componentes en flash
La personalización de componentes en Flash MX 2004 es bastante fácil gracias al método setStyle(); que nos permite cambiar colores, tipografias, estilos, y demás propiedades configurables de nuestro componente. Cabe decir que algunos componentes no soportan algunos estilos, por ejemplo, no podemos cambiar la barra de desplazamiento a un botón, simple y llanamente, porque no tiene.
Aquí tenéis una lista con todas las propiedades de los componentes:
|
Estilo |
Descripción/Uso |
backgroundColor |
Color de fondo del componente. Valor predeterminado "transparent". |
borderStyle |
El borde del componente: puede ser "none", "inset", "outset", o "solid". Valor predeterminado "solid". |
color |
Color del texto. Valor predeterminado 0x000000 (negro). |
fontFamily |
Tipografia del texto. Valor predeterminado _sans. |
fontStyle |
Estilo de la fuente: puede ser "normal" o"italic". Valor predeterminado "normal". |
highlightColor |
Una sección de un borde de tres dimensiones. Valor predeterminado 0xFFFFFF (blanco). |
marginRight |
Un valor numérico que indica el margen de la derecha en pixels. Valor predeterminado 0. |
shadowColor |
Una sección de un borde de tres dimensiones. Valor predeterminado 0x848384 (gris oscuro). |
symbolBackgroundDisabledColor |
Color de fondo para el CheckBox y el RadioButton cuando estan desactivados. Valor predeterminado 0xEFEEEF (gris claro). |
symbolColor |
Color de la marca para el CheckBox y el RadioButton. Valor predeterminado 0x000000 (negro). |
textAlign |
Alineación del texto: puede ser "left", "right", o"center". Valor predeterminado "left". |
textIndent |
Un número que indica la sangría del texto. Valor predeterminado 0. |
Con estas propiedades podréis cambiar todos los componentes de Flash. Ahora vamos a probar cambiando un componente TextArea.
Abrid la paleta de Componentes (Ctrl + F7), y en el desplegable UIComponents, arrastrar un componente TextArea a la escena. Ponedle de nombre de instancia "mi_textarea".
Ahora en el fotograma 1 pegar el siguiente código:
//Propiedades del boton
mi_textarea.text = "La personalización de componentes en Flash MX
2004 es bastante fácil gracias al método setStyle(); que nos permite
cambiar colores, tipografias, estilos, y demás propiedades configurables
de nuestro componente.";
mi_textarea._x = 0;
mi_textarea._y = 0;
mi_textarea.setSize(200, 50);
mi_textarea.setStyle("themeColor","haloBlue");
//mi_textarea.setStyle("backgroundColor", "0xCCBBDD");
//mi_textarea.setStyle("borderColor", "0x00FF00");
//mi_textarea.setStyle("borderStyle", "outset");
//mi_textarea.setStyle("color", "0x0000FF");
//mi_textarea.setStyle("disabledColor", "haloOrange");
//mi_textarea.setStyle("fontFamily", "Arial");
//mi_textarea.setStyle("fontSize", "12");
//mi_textarea.setStyle("fontStyle", "italic");
//mi_textarea.setStyle("fontWeight", "bold");
//mi_textarea.setStyle("highlightColor", "0x0FF000");
//mi_textarea.setStyle("marginLeft", "5");
//mi_textarea.setStyle("marginRight", "5");
Probad descomentando las líneas y así veréis que hace cada línea, y que efecto tiene en vuestro componente.
Usa otros componentes para ver como les afectan los mismos cambios.
En fin, experimenta con los componentes, te llevará un rato ver qué hace exactamente cada uno, pero sin pena no hay gloria, jejeje.
En el siguiente tutorial aprenderemos a usar los eventos de los componentes mediante los llamados Listeners o Escuchadores
Download Archivo Fla
.
|
|
