This might be closer to what you are looking for. 

 

<?xml version="1.0" encoding="utf-8"?>

<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml";
creationComplete="fader.play();" width="80" height="50"  borderStyle="solid"
borderColor="0xffffff" borderThickness="2">

      <mx:Fade alphaFrom="0.0" alphaTo="1.0" id="fader" target="{this}" />

      <mx:Box backgroundColor="{data.value}" width="100%" height="100%"/>

      <mx:Label text="{data.value }" />

</mx:Canvas>

 

I added creationComplete() to the canvas and target="{this}" to your effect.


 

Rick Winscot

 

 

From: [email protected] [mailto:[EMAIL PROTECTED] On
Behalf Of Giro
Sent: Wednesday, May 28, 2008 11:02 AM
To: [email protected]
Subject: [flexcoders] Fade effect on tilelist itemrenderer

 

I have a Tilelist with itemrenderer, each item render is a canvas with a
box.

 

Dataprovider of tilelist is an httpservice that give to each item render box
background color.

 

I want to fade in (alpha from 0 to 1) each item render.

 

I test using  this on itemrender:

 

<?xml version="1.0" encoding="utf-8"?>

<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml"; width="80" height="50"
borderStyle="solid" borderColor="0xffffff" borderThickness="2">

      <mx:Fade alphaFrom="0.0" alphaTo="1.0" id="fader" />

      <mx:Box backgroundColor="{data.value}" width="100%" height="100%"
showEffect="{fader}"/>

      <mx:Label text="{data.value }" />

</mx:Canvas>

 

 

But don't work.

 

Any idea?

 

Thanks

 

Giro.

 

 

Reply via email to