BorderContainer vs HorizontalList

hi

 

i have bordercontainer loading array of images sqlite.

 

as mouse on each image, it's y value changes indicate it's selectability.

 

this works quite well.

 

the problem since i'm not loading these images data aware object, don't have access information need.

 

ultimately want able click on image , have enlarged copy of placed new container , display associated

data.

 

so question how link data image? method use here?

 

unless can list control perform way want to...

 

thanks

 

kristin

 

private function result(event:sqlevent):void

                              {

                                        var data:array = selectstmt.getresult().data;

 

                                        for (var i:int = 0; < data.length; i++)

                                        {

  

                                                  var card:loader = new loader();

                                                  imageurl = "assets/" + data[i].image;

cardimage = new uicomponent();

 

                                                  card.load(new urlrequest(imageurl));

                                                  cardimage.addchild(card);

                                                  bc1.addelement(cardimage);

                                                  cardimage.scalex = .5;

                                                  cardimage.scaley = .5;

                                                  cardimage.x = 25*i;

                                                  cardimage.y = 5;

                                                  cardimage.addeventlistener(mouseevent.roll_over, onrollover);

                                                  cardimage.addeventlistener(mouseevent.roll_out, onrollout);

                                        }

                              }

 

                              private function onrollover(e:mouseevent):void

                              {

var hoveredimage:object = e.currenttarget;

                                        hoveredimage.y = -15;

                                        cardimage.removeeventlistener(mouseevent.roll_out, onrollover);    

                              }

 

                              private function onrollout(e:mouseevent):void

                              {

                                        var hoveredimage:object = e.currenttarget;

                                        hoveredimage.y = 5;

                                        cardimage.removeeventlistener(mouseevent.roll_over, onrollout);

                              }

you can use custom component "cardimage". in component can set data , keep uicomponent in rendering image.

More discussions in Flex (Read Only)

adobe