I tried to add new style prop
destIconScale (and not 1 as declared inside skin)

i can see it except the value on childrenCreated()

but

it looks the tarnsition doesn’t except the value(says NaN)
fromState=”up” toState=”over”

any idea?

Make the background rect in the skin transparent (set alpha property). You might want to remove the drop shadow, so that it does not mess with transparency.

andy

I’ve been trying to figure out how to introduce transparency into the buttons.

Any ideas?

thanks,

Mark

Are you using the update version?
Did you check the classpath?

andy

Error in AHGenericFXGIconButtonSkin.mxml:
Line 293:
Could not resolve to a component implementation.

thanks for your advice. It works fine!

Kersten

The code here was based on the Spark beta sdk. The nested grouping came from catalyst and I had to introduce some stuff in the code because of this and because of the scaling effect I wanted to have.

You could remove the nested grouping, set horizontalCenter and verticalCenter to 0 (as you did) AND comment out

el.width = el.height = 0;

on line #120 in AHGenericFXGIconButtonSkin

hth
andy

nice example and a good starting point for further investigations. But one thing I don’t understand. All the graphics (Bus, Train, etc.) are grouped twice (group in a group). It doesn’t work if I use only one group although I add horizontalCenter=”0″ verticalCenter=”0″ to the root. The graphics are not centered. Do you know why?

Best wishes,
Kersten

Flex 4 uses the value in ‘emphasized’ to switch the styleName. If ‘emphasized’ is set to true, Flex will look for a styleName ‘emphasized’ and applies all the styles to the button.

Thus using

s|Button.emphasized {
skinClass: ClassReference(’AHGenericFXGIconButtonSkin’);
chromeColor: “0×00FF00″ ;
color: #FFFFFF;
iconColor: #e0e0e0;
iconScale: 0.75;
iconClass: ClassReference(”myLibrary.Bus”);
color: “0xe0e0e0″;
}

will aplly all the values to the Button (Skin). Change them as needed.

Actually I don’t know why the Flex SDK team did not decide to use the emphasize property as a state. But then again, you could easily introduce this to the component:

Extend from Button override the emphasized property and change the behaviour so that a new state is being introduced. Then use this state in the skin to define a emphasized state.

hth
andy