Hace un tiempo escribí un ejemplo de zoom sobre una imagen con Flash. Justo ahora me acaban de preguntar como adaptar ese ejemplo a una aplicación Flex.

Adaptar ese ejemplo es fácil, ya que el código actionscript se puede reutilizar prácticamente igual. Lo único que hay que tener en cuenta es que no vamos a trabajar con un MovieClip con una máscara sino con componentes mxml de Flex.

Así es como quedará el ejemplo montado en Flex:

Desplaza el mouse sobre la imagen para mover la lupa

Esta seria nuestra aplicación Flex:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application [...]

Este es un tip sencillo pero que me dió algún que otro dolor de cabeza al querer aplicar unos efectos sobre los componentes utilizados como itemRenderes dentro de un componente tipo lista en Flex. Se trata de cómo poder acceder a estos componentes para manipular su contenido a través de Actionscript.

Para acceder al componente del itemRenderer en concreto utilizaremos indexToItemRenderer, pasándole como parámetro el index del ítem que queremos obtener.

El detalle importante que debemos tener en cuenta es que no podemos referenciar un objeto que no sea visible dentro de [...]

En este Tip voy a explicar un sistema para poder controlar la funcionalidad de un componente usado como itemRenderer en cualquier componente de tipo lista desde una clase de ActionScript 3.

Supongamos que en nuestra aplicación Flex tenemos un compomente TileList al que le hemos asignado otro componente como itemRenderer:

<mx:TileList id="myTileList">   
    <mx:itemRenderer>
        <mx:Component>         
            <mx:myItemRenderer/>
        </mx:Component>
    </mx:itemRenderer>
</mx:TileList>

Este itemRenderer será otro archivo MXML al que queremos asignarle una clase AS3 para poder manejarlo, para [...]

Videotutorial "Creating New Components in Flex 3" por Deepa Subramaniam

Comparte:

En el siguiente tip mostraré como ordenar un ArrayCollection en Flex. Esto nos puede ser necesario a la hora de mostrar su contenido. Para mostrar esto utilizaré como ejemplo los resultados (hasta este momento) de las votaciones de los premios Cristalab 2008.

Supongamos que tenemos este ArrayCollection:

public var premioPopular:ArrayCollection = new ArrayCollection([
        {claber: "Eldervaz", votos: 6},
    {claber: "Freddie", votos: 13},
    {claber: "XKlibur", votos: 3},
    {claber: "TheParrot", votos: 7},
    {claber: "M@U", votos: 1},
    {claber: "Mariux", votos: 4},
    {claber: "JaLeRu", votos: 1},
    {claber: [...]