Hello there! Welcome to our first exciting issue of Show and Tell!
First things first, I credit inspiration for the creation of this article to our fellow blogger of the community at www.somerandomdude.net ( google-cached link here). This particular article provided a great means for expediting the process of what I am currently working on. Before stumbling upon this, I had thought at first to maybe tackle this as an Effect and EffectInstance class pair. However, the more I thought about this, it started to make more sense to me to create as a stand alone UIComponent.
In return, I’ve been meaning to do a “Show and Tell” for taking this Animated Gradient control a little further and so here it is ^_^
Here are the following features that are offered in this package:
- Subclassed from UIComponent, hence you can choose to use directly in markup or via “AddChild”
- Animate gradient fillColors
- Animate gradient ratios
- Animate gradient angles
- Specify gradient attributes as style attributes and/or through a metadata class
- Specify the number of tween frames to animate as “durationSteps”
- Use as part of an application’s background and trigger an animation on the gradient from a UI transition
- Use as a mask for other controls. i.e. try simulating a metallic/shining effect over a Label for cool text effects
Click here to open in a new window.
Click here to download the source code.
Here are few suggestions you might want to try this against:
If you have any questions and/or comments, by all means, please ask away in the comments section.
Cheers and Enjoy!
Wow, way to take an initial idea and just ridiculously improve upon it. Great work man, really solid setup.
thank you sir, your article was a great point of inspiration.