X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/7a654f8d43fdb43d78b63d90528bed6e86b608cc..3789b528d8dd8aad4558e38e22d775bcab1cbd36:/docs/source/Animator.html diff --git a/docs/source/Animator.html b/docs/source/Animator.html index 0bb4c871..9807e502 100644 --- a/docs/source/Animator.html +++ b/docs/source/Animator.html @@ -1,4 +1,21 @@ -
/**
+
+
+
+
+ The source code
+
+
+
+
+
+
+ /**
* @class Ext.fx.Animator
* Animation instance
@@ -69,13 +86,13 @@ Ext.define('Ext.fx.Animator', {
isAnimator: true,
- /**
+ /**
* @cfg {Number} duration
* Time in milliseconds for the animation to last. Defaults to 250.
*/
duration: 250,
- /**
+ /**
* @cfg {Number} delay
* Time to delay before starting the animation. Defaults to 0.
*/
@@ -84,13 +101,13 @@ Ext.define('Ext.fx.Animator', {
/* private used to track a delayed starting time */
delayStart: 0,
- /**
+ /**
* @cfg {Boolean} dynamic
* Currently only for Component Animation: Only set a component's outer element size bypassing layouts. Set to true to do full layouts for every frame of the animation. Defaults to false.
*/
dynamic: false,
- /**
+ /**
* @cfg {String} easing
This describes how the intermediate values used during a transition will be calculated. It allows for a transition to change
@@ -115,14 +132,14 @@ as (x1, y1, x2, y2). All values must be in the range [0, 1] or the definition is
*/
easing: 'ease',
- /**
+ /**
* Flag to determine if the animation has started
* @property running
* @type boolean
*/
running: false,
- /**
+ /**
* Flag to determine if the animation is paused. Only set this to true if you need to
* keep the Anim instance around to be unpaused later; otherwise call {@link #end}.
* @property paused
@@ -130,43 +147,43 @@ as (x1, y1, x2, y2). All values must be in the range [0, 1] or the definition is
*/
paused: false,
- /**
+ /**
* @private
*/
damper: 1,
- /**
+ /**
* @cfg {Number} iterations
* Number of times to execute the animation. Defaults to 1.
*/
iterations: 1,
- /**
+ /**
* Current iteration the animation is running.
* @property currentIteration
* @type int
*/
currentIteration: 0,
- /**
+ /**
* Current keyframe step of the animation.
* @property keyframeStep
* @type Number
*/
keyframeStep: 0,
- /**
+ /**
* @private
*/
animKeyFramesRE: /^(from|to|\d+%?)$/,
- /**
+ /**
* @cfg {Ext.fx.target} target
* The Ext.fx.target to apply the animation to. If not specified during initialization, this can be passed to the applyAnimator
* method to apply the same animation to many targets.
*/
- /**
+ /**
* @cfg {Object} keyframes
* Animation keyframes follow the CSS3 Animation configuration pattern. 'from' is always considered '0%' and 'to'
* is considered '100%'.<b>Every keyframe declaration must have a keyframe rule for 0% and 100%, possibly defined using
@@ -196,20 +213,20 @@ keyframes : {
me.config = config;
me.id = Ext.id(null, 'ext-animator-');
me.addEvents(
- /**
+ /**
* @event beforeanimate
* Fires before the animation starts. A handler can return false to cancel the animation.
* @param {Ext.fx.Animator} this
*/
'beforeanimate',
- /**
+ /**
* @event keyframe
* Fires at each keyframe.
* @param {Ext.fx.Animator} this
* @param {Number} keyframe step number
*/
'keyframe',
- /**
+ /**
* @event afteranimate
* Fires when the animation is complete.
* @param {Ext.fx.Animator} this
@@ -226,14 +243,14 @@ keyframes : {
}
},
- /**
+ /**
* @private
*/
sorter: function (a, b) {
return a.pct - b.pct;
},
- /**
+ /**
* @private
* Takes the given keyframe configuration object and converts it into an ordered array with the passed attributes per keyframe
* or applying the 'to' configuration to all keyframes. Also calculates the proper animation duration per keyframe.
@@ -278,7 +295,7 @@ keyframes : {
}
},
- /**
+ /**
* Applies animation to the Ext.fx.target
* @private
* @param target
@@ -393,4 +410,6 @@ keyframes : {
var me = this;
me.fireEvent('afteranimate', me, me.startTime, new Date() - me.startTime);
}
-});
\ No newline at end of file
+});
+
+