10/27/2010 4:21:52 AM
Title:
Flash Builder 4: How to skin buttons spark and mx
Hi,
Can anyone tell me about how to skin spark and mx button components in Flash Builder 4. It is not same as in Flex 3 like:
up-skin: Embed(“assets/images/leftAlign_btn.png”); this syntax is not working for both spark and mx buttons
Thanks for any help
10/27/2010 10:27:23 AM
skinning in fle4 is entirely different from flex3 in flex 4 you need to create a mxml as button skin design and use it as skin class. I the mxml you can use effects, filters etc as you require.
The class can be used in flex 4 by follolwing ways
1) In CSS: S|Button {skinClass: ClassReference ("com.example.skins.MyButtonSkin");}
2) In MXML: <s:Button skinClass="com.example.MyButtonSkin"/>
3) In ActionScript: myButton.setStyle("skinClass",Class(MyButtonSkin);
see these links to implement skinning in flex 4
http://scalenine.com/blog/2008/07/17/jumping-into-skinning-with-flex-4/
http://www.adobe.com/devnet/flex/articles/flex4_skinning.html
http://9mmedia.com/blog/?p=592
10/28/2010 12:57:51 AM
Thanks for useful information.