Flex, AS3, AS2, flash, css
Entradas etiquetadas con ActionScript 3
Flex 2 + Cairngorm 2.2.1 – Image Explorer
14 oct
Cairngorm es un framework estructural para el desarrollo de RIAs que fomenta el uso de determinados patrones y potencia la escalabilidad y el crecimiento de las aplicaciones. Es ideal para el desarrollo de grandes aplicaciones en las que colaboren varios desarrolladores.
Podeis encontrar más información en:
http://www.madeinflex.com/2006/10/15/cairngorm-i-introduccion/
http://labs.adobe.com/wiki/index.php/Cairngorm
La aplicación de ejemplo es un explorador de imagenes configurado a través de XML.
Flex 2. Ejemplo de utilización de Papervision 3D en Flex.
8 oct
Vamos a crear una pequeña aplicación en Flex que muestra un album de fotografías en un entorno 3D. Nos va a servir de excusa para desarrollar una aplicación basada en Papervision 3D (public alpha 2.0, Great White).
Ver ejemplo y código fuente >>
Si quieres conocer más sobre este nuevo proyecto puedes visitar la página oficial de Papervision 3D o su blog.
En el código fuente encontrarás todas las clases necesarias para desarrollar una aplicación basada en Papervision 3D. Si te quieres bajar la última versión estable de las mismas puedes hacerlo desde la página de descarga del proyecto:Clases Papervision 3D >>
Si te has descargado el código fuente, sigue los siguientes pasos :
1. Crea un proyecto Flex.
2. Descomprime el archivo zip dentro de la carpeta del proyecto.
3. Define el documento Galeria.mxml como la aplicación por defecto para el proyecto Flex.
Para no hacer muy pesada la descarga, las imágenes que aparecen en la galería no se han añadido al archivo zip. Si repasas el código verás que la aplicación lee un archivo xml del que extrae una lista de imágenes: debes crearte uno similar con la ruta de las que quieras utilizar.
Flex 2 Como usar el History Manager
4 oct
El HistoryManager nos permite salvar el estado de nuestra aplicación en un momento dado de manera que podamos volver a ese estado utilizando el boton retroceder y avanzar de nuestro navegador.
Para ponerlo en funcionamiento hay que implementar el interface mx.managers.IHistoryManagerClient y registrar los componentes utilizando HistoryManager.register.
Flex 2 Barra de Scroll Personalizada
27 sep
Para empezar un ejemplo sencillo en Flex. Modifica la apariencia de los scrolls con CSS.
Básicamente consiste en modificar el skin que define al scroll con nuestras propias imágenes.
[ftf w="640" h="230"]/* CSS */
VScrollBar {
downArrowUpSkin: Embed(source=”/assets/downArrow.png”);
downArrowOverSkin: Embed(source=”/assets/downArrow.png”);
downArrowDownSkin: Embed(source=”/assets/downArrow.png”);
upArrowUpSkin: Embed(source=”/assets/upArrow.png”);
upArrowOverSkin: Embed(source=”/assets/upArrow.png”);
upArrowDownSkin: Embed(source=”/assets/upArrow.png”);
thumbDownSkin:
Embed(source=”/assets/thumb.png”,
scaleGridLeft=”7″, scaleGridTop=”5″,
scaleGridRight=”8″, scaleGridBottom=”7″);
thumbUpSkin:
Embed(source=”/assets/thumb.png”,
scaleGridLeft=”7″, scaleGridTop=”5″,
scaleGridRight=”8″, scaleGridBottom=”7″);
thumbOverSkin:
Embed(source=”/assets/thumb.png”,
scaleGridLeft=”7″, scaleGridTop=”5″,
scaleGridRight=”8″, scaleGridBottom=”7″);
trackSkin:
Embed(source=”/assets/scrolltrack.png”,
scaleGridLeft=”7″, scaleGridTop=”4″,
scaleGridRight=”8″, scaleGridBottom=”6″ );
}
/* CSS end */[/ftf]
