Dorkie, I had done something like this before and I used a fade effect
in combination with the Color change. Try this and let me know if this
is what you want to see... It has one problem, it fades the children as
well, but I had gotten around that, I just don't remember exactly how.
I'll dig up the code :-) Let me know if this is what you wanted to
achieve first. Also, using an animateProperty to change the background
color of the application in this example is overkill. I would be much
more efficient to set the style with actionscript in the effectEnd event
on the first alpha fade (or something similar)...
Note , this == Application. I used it on the creationCompleteEffect of
the Application.
<mx:Sequence id="fadeBG">
<mx:AnimateProperty property="alpha" fromValue="1"
toValue="0" target="{this}" duration="500" />
<mx:AnimateProperty isStyle="true"
property="backgroundColor"
fromValue="0xC47D31" toValue="0x67DEF9"
target="{this}"
duration="100"/>
<mx:AnimateProperty property="alpha" fromValue="0"
toValue="1" target="{this}" duration="500" />
</mx:Sequence>
________________________________
From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of dorkie dork from dorktown
Sent: Monday, December 04, 2006 2:31 PM
To: flexcoders@yahoogroups.com
Subject: Re: [flexcoders] Fade from one color to another
i see. that mostly works. except now it cycles through every color
giving a flicker effect like i am on acid. try this to see:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx=" http://www.adobe.com/2006/mxml
<http://www.adobe.com/2006/mxml> " layout="absolute"
styleName="plain"
creationCompleteEffect="{fadeColor}">
<mx:AnimateProperty id="fadeColor" isStyle="true"
property="backgroundColor"
fromValue="0xFFFFFF" toValue="0x000000"
target="{Application.application}"
duration="2000"/>
</mx:Application>
If i change the fromValue and the toValue to a two digit number like so
it is a very smooth transition but it does not fade from white. It only
fades from blue. Try this:
<mx:AnimateProperty id="fadeColor" isStyle="true"
property="backgroundColor"
fromValue="0xFF" toValue="0x00"
target="{Application.application}"
duration="2000"/>
I am thinking of just transitioning to a blank black state but that
feels like a hack.
dorkie best practices dork from dorktown
On 12/4/06, Deepa Subramaniam <[EMAIL PROTECTED]
<mailto:[EMAIL PROTECTED]> > wrote:
Set the the isStyle property to true in your AnimateProperty tag.
-deepa
________________________________
From: flexcoders@yahoogroups.com <mailto:flexcoders@yahoogroups.com>
[mailto:flexcoders@yahoogroups.com <mailto:flexcoders@yahoogroups.com> ]
On Behalf Of dorkie dork from dorktown
Sent: Monday, December 04, 2006 5:25 AM
To: flexcoders@yahoogroups.com <mailto:flexcoders@yahoogroups.com>
Subject: [flexcoders] Fade from one color to another
I need to fade my application background color from 0xC47D31 to 0x67DEF9
and I have no idea where to start. I've seen AS2 actionscript around
that I can try to convert but what I'm looking for is a already built
MXML component Effect, similar to mx:Fade or Dissolve.
I tried this and received errors:
creationCompleteEffect="{fadeColor}">
<mx:AnimateProperty id="fadeColor" property="backgroundColor"
toValue="#000000" target="{Application.application}" duration="5000"/>
ReferenceError: Error #1069: Property backgroundColor not found on
TestApplication and there is no default value.
at
mx.effects.effectClasses::AnimatePropertyInstance/::getCurrentValue()
dorkie mood changing dork from dorktown
