Galería de imágenes en componente HBox

En respuesta a Juan Rossi, un nuevo usuario en Portalscreen, que envió un correo pidiendo ayuda en la elaboración de una aplicación Flex.

Esta aplicación consiste en adaptar un Grid de imágenes creadas desde código en las cuales el usuario pudeda hacer Clic. Se han utilizado los componentes Image() y HBox() para su elaboración, y un fichero ‘datos.xml’ para la carga dinámica de cada imágen.

[El link al ejemplo - Online]
[Descarga del código fuente]

Espero que te sirva amigo Juan, y a los demás os animo a participar con cualquier aporte que querais comentar.

3 comentarios

  • juan dice:

    Hola francisco, como estas? tengo otro problema… tengo un comboBox
    en flex y necesito insertar al lado de cada nombre una vista previa,
    osea un pequeño icono de lo que seria el nombre, me explico?

  • Francisco dice:

    ok, la siguiente entrada del blog estará dedicada a solucionar tu problema. Permanece atento, un saludo.

  • bertha dice:

    hola, una disculpa, mi duda era respecto a este ejemplo…

    hola, me agrada tu ejemplo pero a la hora de implementarlo no se ven las imágenes, te agradeceria mucho si me orientaras un poco, no soy muy diestra en flex aún…

    Me imagino que mi error debe estar por…

    dataLoader.load(new URLRequest(“Bibliotecas\Imágenes”));
    } SUPONGO QUE ESTE DEBE SER LA RUTA DONDE SE OBTIENEN LAS IMAGENES, NO?

    // Método que obtiene y pinta las imagenes del carrusel
    private function handlerCompleteLoad(event:Event):void
    {
    try{
    datos = new XMLList(event.currentTarget.data);

    for each(var item:XML in datos.image)
    {
    var img:Image = new Image;
    img.width = 350;
    img.height = 235;
    img.maintainAspectRatio = false;
    img.source = item;
    img.buttonMode = true;
    img.addEventListener(MouseEvent.CLICK, handlerClickImage);
    lstImages.addChild(img);
    }
    }catch(er:Error){
    trace(‘Error al parsear los datos desde xml’);
    }
    }

    te agradecería mucho tu ayuda…

    gracias

    saludos

Deja un comentario