Wednesday, February 4, 2009

Yahoo Skin Library - Programatic version example with source

I am currently working on a project on which I am using the Yahoo Flex skin library. If you haven't taken a look, I suggest you check it out. In my opinion they look a little better than the default Halo skins.

The other day, a developer asked me why changes to the fillColors style were not working. I explained that the styles could not be changed using CSS because they were graphics. This led to the question of "How can I make a red version of the primaryButton?". I got about half way through my answer of "I can create a skin graphic for you" when I realized that this was a major drawback of the graphical skin.

So I set out to create a programatic version of the Yahoo skin library.




Check out the live version with source here.
UPDATE: I changed the demo app to be the actual Yahoo Skin Library demo application. When you launch it you will see that some of the components still have the Halo skins. As I finish each component skin, this file will be updated.

My immediate need was to create a button skin which is all I have so far. It still needs to be cleaned up a bit but I figured I would post the example and source code in case anyone else ran into the same problem. I plan to create the whole set so stay tuned. If you would like to contribute some skins for the other controls, feel free to post a comment.

2 comments:

Anonymous said...

nice -- can't wait to try this out.

Anonymous said...

Do you like playing the game where you need to use shaiya gold, when you do not have shaiya money, you must borrow cheap shaiya gold from friends, or you could not continue this game without shaiya online gold. If you buy shaiya gold, you can continue this game.
Do you like playing the game where you need to use requiem gold, when you do not have requiem lant, you must borrow requiem money from friends, or you can not go on this game without cheap requiem lant. If you get requiem online gold, you can continue this game.