Comunidad de diseño web y desarrollo en internet

Cómo cambiar los iconos del componente Accordion

Éste tutorial que complementa el Tutorial del componente Accordion de Flash echo por Elecash, muy completo por cierto. Para el ejemplo de este tuto (Que pueden ver abajo funcionando) hice hacer una comparación subjetiva entre dos conocidos exploradores ayudado del Componente Accordion y los íconos me serán de gran ayuda.

Lo primero que se debe hacer es importar la imagen que quieres que quede como icono del Accordion en nuestra pelicula, luego la conviertes en clip de película y activas la opción que dice vinculación: Exportar para ActionScript, esto es en opciones avanzadas:

Por defecto el identificador es el mismo nombre que le pones al clip de película, este se puede cambiar si quieres, pero como nadie nunca se acuerda de los nombres de los clips es mejor dejarlo así.

Ahora vamos al Actionscript. Arrastra un componente "Accordion" al escenario y luego borralo, pero debe quedar en la Biblioteca de ese .FLA. Luego, en el primer keyframe de la película pondremos:

//Cargo dinámicamente el componente Accordion
attachMovie("Accordion", "miAcordeon", 1);

//El tamaño de mi MC
miAcordeon.setSize(290, 170);

Con esto pondremos dinamicamente un Accordion en nuestro escenario, pero el secreto para ponerle los iconos esta en estas dos líneas de código (firefox_icon y ie_icon es cómo llamé a los iconos que podremos en su identificador):

//Le ponemos las opciones del menú
miAcordeon.createChild("View", "opcion1", {label:"Firefox",icon:"firefox_icon"});
miAcordeon.createChild("View", "opcion2", {label:"Internet Explorer",icon:"ie_icon"});

Y luego el resto de la aplicación (mc_firefox y mc_ie son sólamente el contenido que pondré dentro de cada sección del Accordion, para más información, puede leer el tutorial del componente Accordion)

//Por ultimo cargo los mc que quiero en mi Componente
miAcordeon.opcion1.createChild("mc_firefox", "firefox");
miAcordeon.opcion1.firefox.move(10, 10);

miAcordeon.opcion2.createChild("mc_ie", "ie");
miAcordeon.opcion2.ie.move(10, 10);

Y aqui está como quedó

¿Sabes SQL? ¿No-SQL? Aprende MySQL, PostgreSQL, MongoDB, Redis y más con el Curso Profesional de Bases de Datos que empieza el martes, en vivo.

Descargar Archivo

Publica tu comentario

El autor de este artículo ha cerrado los comentarios. Si tienes preguntas o comentarios, puedes hacerlos en el foro

Entra al foro y participa en la discusión

o puedes...

¿Estás registrado en Cristalab y quieres
publicar tu URL y avatar?

¿No estás registrado aún pero quieres hacerlo antes de publicar tu comentario?

Registrate