Comments on: ImageRail – Adding Click Event, Styles And HandCursor

By: Homb K

Homb K — Mon, 24 May 2010 06:09:56 +0000

Problem solved. Needed to change the instantiation policy of the viewstack to all

By: Homb K

Homb K — Mon, 24 May 2010 03:48:05 +0000

My mxml tags get removed from the comments.
One more try to make it look right:

I can’t seem to make two instances of ImageRail work inside of a ViewStack..
If I put only one instance, it works.
If I add two ImageRails this way

ViewStack
ImageRail id = ir1
ImageRail id = ir2
..
/ViewStack

then I get
a null object reference.
at com.flexer::ImageRail/updateDisplayList()[C:\Work\Flex3\ICP\src\com\flexer\ImageRail.mxml:179]
because in for (var i:uint = 0; i < _canvases.length; i++) the _canvases variable is null.

On the other hand, if I put two instances of Canvas inside of the ViewStack like this

ViewStack
Canvas
ImageRail id = ir1
/Canvas
Canvas
ImageRail id = ir2
/Canvas
..
/ViewStack

and then try to populate their images with your code in this manner

private function init():void
{
for (var i:uint = 0; i < _paths.length; i++) {
// creating images
var image:Image = new Image();
image.source = _paths[i];
// adding image to images array
imIR.push(image);
}
ir1.images = imIR;
ir2.images = imIR;
}

then ir2 is always null.

Finally, if I don't add these two instances in a ViewStack, but add them separately to the application and populate them in the init function just as above, then one of them doesn't display any image.

Any help is highly appreciated, as I like what you've done in this control.

By: Homb K

Homb K — Mon, 24 May 2010 03:42:17 +0000

Small correction, instead of

“If I put only one instance, it works.
If I add two ImageRails this way

then I get”

one should read

“If I put only one instance, it works.
If I add two ImageRails this way

then I get”

By: Homb K

Homb K — Mon, 24 May 2010 03:39:33 +0000

I can’t seem to make two instances of ImageRail work inside of a ViewStack..
If I put only one instance, it works.
If I add two ImageRails this way

On the other hand, if I put two instances of Canvas inside of the ViewStack like this

and then try to populate their images with your code in this manner
private function init():void
{

for (var i:uint = 0; i < _paths.length; i++) {
// creating images
var image:Image = new Image();
image.source = _paths[i];
// adding image to images array
imIR.push(image);
}
ir1.images = imIR;
ir2.images = imIR;
}
then ir2 is always null.

Any help is highly appreciated, as I like what you've done in this control.

By: Prashant

Prashant — Mon, 23 Nov 2009 07:11:28 +0000

Great code. Really helpful to me. Thanks.

By: j

Thu, 07 May 2009 20:44:54 +0000

I can’t seem to get this component to work in an AIR App, using local paths instead of URLs for the images.

is there any difference in how the component should be used in AIR as opposed to Flash?

By: Andrei Ionescu

Andrei Ionescu — Fri, 26 Sep 2008 04:03:31 +0000

Thank you James. I will try to test it with 1000 photos. Your two ideas – not questions – are good and I’ll try to improve it keeping them in mind.

By: James

James — Thu, 25 Sep 2008 22:59:34 +0000

Two questions for future development. First would be a method to not attach all items to the stage ahead of time. If there are 1000 images in this component Id assume it would hold a lot of overhead since they are all being attached right away. The second would be que loading of the images. Stagger the load so that you can start preloading and storing. Both on the tougher side to implement but would drastically improve overhead id guess. Ive been trying to create a list like this that recycles its children so as not to have so many items on the screen at one point. Overall though I really like this one!

By: Flash Speaks Actionscript

Flash Speaks Actionscript — Thu, 12 Jun 2008 13:31:13 +0000

ImageRail Update: Adding Click Event, Styles And Handcursor…

In a previous post, I introduced a new MXML component called ImageRail created by Andrei Ionescu of FLEX{er}. Andrei has added updated it to add some new features that were considered missing.
The list of new features include:

imageClick: triggered …