Fade button to a different color

Question

Hey everyone.
Sorry if I'm posting questions that've been answered before.
I'm very new to Flash and Flex and I'm new to the terminology, so I
don't always know what to search for.
I'm wondering if there's a simple way to fade the text on a
button from one color to another on rollover. I have a button with
zero fill alpha (it just appears as text), and no matter what I do,
I can't get the text to fade from its default color (white) to gray
on over.
I've been Googling this for several hours, and can't find a
solution. Any help would be great.
Thanks!
Joe

Answer 1

Okay, Joe, just because you bought a book, here is one idea
that might help :)
1) Create a new class from Button, let's just call it XButton
and expose the underlying textfiled:
package
import mx.controls.Button;
import mx.core.UITextField;
public class XButton extends Button
public function textFieldX() : UITextField {
return this.textField;
2) write a text app and let's try blur *only* on the text:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="
http://www.adobe.com/2006/mxml"
xmlns:local="*">
<mx:Script>
<![CDATA[
import mx.effects.Blur;
import mx.effects.Fade;
private function mo(event:MouseEvent) : void {
var b:Blur = new Blur();
b.play([this.t1.textFieldX()]);
]]>
</mx:Script>
<local:XButton label="Howdy?" color="white" id="t1"
mouseOver="mo(event)"/>
</mx:Application>
works?
3) Create your tween effect by extending TweenEffect class
and use that effect instead of blur!
Hope this helps.
ATTA
P.S. as for your $20, please have beer on me, if works
:)