Since the last post (Using CSS3 animations on Sencha Touch) was about animations, and I stumbled upon this question at Sencha’s forum, I thought I would develop a simple demo showing how to take a view, and animate random components inside it.
Obviously there are simple page animations, such as with a card layout, but I’m looking for the right approach to animate an object like a button – for example to get it to fly in from the side after a delay, after the view is loaded.
Here’s hoping someone will take pity on me, and spell it out!
Allister
Source code available at github SenchaExamples/touch/animate-button, and live example at this link.
*Touch compatibility webkit only
RT @extdesenv: How to take random components inside a view and animate http://t.co/BVp8p1NJ
[…] covered how to use animations in Using CSS3 animations on Sencha Touch and Animate components in a view, but I didn’t cover the internals of the framework, nor how can you create a custom […]
Thanks for this tutorial, but what is “action”? When you define “iconCls: ‘action'”, in the next line you specify “action: ‘share'”.
I don’t find any component in the docs that have an “action” config. Where does that came from?