extra analysis for animation in animation

Author: GKerison

strategy/README.md

@@ -1,13 +1,4 @@
 # 任务表
-| 作者          |      预计完成时间    	|
-| ------------- |:-------------:	| 
-|  GKerison 	|   2015.3.6		|
-
-
-
-
-
-
-
-
-
+| 作者          	|预计完成时间    			|
+| ------------- |:---------------------:| 
+|  GKerison 	|   2015.3.15			|

strategy/gkerison/README.md

@@ -179,13 +179,17 @@ UML类图
 
 	Interpolator mInterpolator;
 	public boolean getTransformation(long currentTime, Transformation outTransformation) {
-			//计算处理...
+			//计算处理当前动画的时间点...
             final float interpolatedTime = mInterpolator.getInterpolation(normalizedTime);
+			//后续处理，以此来应用动画效果...
             applyTransformation(interpolatedTime, outTransformation);
-      		//后续处理...
-        return mMore;
+	    return mMore;
     }
 
+默认是不做任何操作，由具体的子类动画来实现操作，可见附加分析里的操作。
+
+ 	protected void applyTransformation(float interpolatedTime, Transformation t) {
+	}
 
 ## 4. 杂谈
 策略模式主要用来分离算法，根据相同的行为抽象来做不同的具体策略实现。
@@ -202,5 +206,190 @@ UML类图
 
 * 随着策略的增加，子类也会变得繁多。
 
+## 5.附加：Android 动画实现的基本原理解析
+
+Android中最简单的动画就是Tween Animation了，当然帧动画和属性动画也挺方便的，但是基本原理都类似，毕竟动画的本质都是一帧一帧的展现给用户的，只不要当fps小于60的时候，人眼基本看不出间隔，也就成了所谓的流畅动画。（注：属性动画是3.0以后才有的，低版本可采用[NineOldAndroids](https://github.com/JakeWharton/NineOldAndroids)来兼容。
 
+首先要想知道动画的执行流程，还是得从View入手，因为Android中主要针对的操作对象还是View，所以我们首先到View中查找，我们找到了View.startAnimation(Animation animation)这个方法
+
+	public void startAnimation(Animation animation) {
+		//初始化动画开始时间
+        animation.setStartTime(Animation.START_ON_FIRST_FRAME);
+		//对View设置动画
+        setAnimation(animation); //赋值到-->mCurrentAnimation
+		//刷新父类缓存
+        invalidateParentCaches();
+		//刷新View本身及子View
+        invalidate(true);
+    }
+
+考虑到View一般不会单独存在，都是存在于某个ViewGroup中，所以google使用动画绘制的地方选择了在ViewGroup中的drawChild(Canvas canvas, View child, long drawingTime)方法中进行调用子View的绘制。
+	
+	protected boolean drawChild(Canvas canvas, View child, long drawingTime) {
+        return child.draw(canvas, this, drawingTime);
+    }
+
+再看下View中的draw(Canvas canvas, ViewGroup parent, long drawingTime)方法中是如何调用使用Animation的
 
+	boolean draw(Canvas canvas, ViewGroup parent, long drawingTime) {
+		//...
+		
+		//查看是否需要清除动画信息
+		final int flags = parent.mGroupFlags;
+        if ((flags & ViewGroup.FLAG_CLEAR_TRANSFORMATION) == ViewGroup.FLAG_CLEAR_TRANSFORMATION) {
+            parent.getChildTransformation().clear();
+            parent.mGroupFlags &= ~ViewGroup.FLAG_CLEAR_TRANSFORMATION;
+        }
+	
+		//获取设置的动画信息
+	   	final Animation a = getAnimation();
+        if (a != null) {
+			//绘制动画
+            more = drawAnimation(parent, drawingTime, a, scalingRequired);
+            concatMatrix = a.willChangeTransformationMatrix();
+            if (concatMatrix) {
+                mPrivateFlags3 |= PFLAG3_VIEW_IS_ANIMATING_TRANSFORM;
+            }
+            transformToApply = parent.getChildTransformation();
+        } else {
+			//...
+		}
+	}
+
+可以看出在父类调用View的draw方法中，会先判断是否设置了清除到需要做该表的标记，然后再获取设置的动画的信息，如果设置了动画，就会调用View中的drawAnimation方法，具体如下：
+
+	private boolean drawAnimation(ViewGroup parent, long drawingTime,
+            Animation a, boolean scalingRequired) {
+
+  		Transformation invalidationTransform;
+        final int flags = parent.mGroupFlags;
+		//判断动画是否已经初始化过
+        final boolean initialized = a.isInitialized();
+        if (!initialized) {
+            a.initialize(mRight - mLeft, mBottom - mTop, parent.getWidth(), parent.getHeight());
+            a.initializeInvalidateRegion(0, 0, mRight - mLeft, mBottom - mTop);
+            if (mAttachInfo != null) a.setListenerHandler(mAttachInfo.mHandler);
+            onAnimationStart();
+        }
+		
+		//判断View是否需要进行缩放
+ 		final Transformation t = parent.getChildTransformation();
+        boolean more = a.getTransformation(drawingTime, t, 1f);
+        if (scalingRequired && mAttachInfo.mApplicationScale != 1f) {
+            if (parent.mInvalidationTransformation == null) {
+                parent.mInvalidationTransformation = new Transformation();
+            }
+            invalidationTransform = parent.mInvalidationTransformation;
+            a.getTransformation(drawingTime, invalidationTransform, 1f);
+        } else {
+            invalidationTransform = t;
+        }
+
+		if (more) {
+			//根据具体实现，判断当前动画类型是否需要进行调整位置大小，然后刷新不同的区域
+            if (!a.willChangeBounds()) {
+				//...
+ 				
+			}else{
+				//...
+			}
+		}
+		return more;
+	}
+其中主要的操作是动画始化、动画操作、界面刷新。动画的具体实现是调用了Animation中的getTransformation(long currentTime, Transformation outTransformation,float scale)方法，该方式主要是获取缩放系数。
+
+  	public boolean getTransformation(long currentTime, Transformation outTransformation,
+            float scale) {
+        mScaleFactor = scale;
+        return getTransformation(currentTime, outTransformation);
+    }
+
+在上面的方法中，又调用了插值器中分析提到的方法： Animation.getTransformation(long currentTime, Transformation outTransformation)，分析至此……大致就先这样吧。
+
+
+
+最后来看一下Animation类的结构：
+
+![url](images/strategy-kerison-uml-android-animation.png)
+
+可以看出Animation的直接父类就是Object，直接子类除了AnimationSet（多个动画组成的一组动画效果，归根结底还是动画），其他几个子类都是Android内置的简单动画类型，从上面对插值器的分析中可以看出，Animation会调用applyTransformation来应用动画时间来达到动态效果。
+
+例如：
+
+1. AlphaAnimation 主要是针对View的alpha属性根据时间做了动态调整：
+	
+		@Override
+	    protected void applyTransformation(float interpolatedTime, Transformation t) {
+	        final float alpha = mFromAlpha;
+	        t.setAlpha(alpha + ((mToAlpha - alpha) * interpolatedTime));
+	    }
+
+2. RotateAnimation 主要是针对View Matrix的角度值根据时间做了动态调整。
+
+		@Override
+	    protected void applyTransformation(float interpolatedTime, Transformation t) {
+	        float degrees = mFromDegrees + ((mToDegrees - mFromDegrees) * interpolatedTime);
+	        float scale = getScaleFactor();
+	        //判断是否设置旋转中心
+	        if (mPivotX == 0.0f && mPivotY == 0.0f) {
+	            t.getMatrix().setRotate(degrees);
+	        } else {
+	            t.getMatrix().setRotate(degrees, mPivotX * scale, mPivotY * scale);
+	        }
+	    }
+3. ScaleAnimation 主要是针对View Matrix的缩放值根据时间做了动态调整。
+
+		@Override
+	    protected void applyTransformation(float interpolatedTime, Transformation t) {
+	        float sx = 1.0f;
+	        float sy = 1.0f;
+	        float scale = getScaleFactor();
+			//判断X方向是否需要调整			
+	        if (mFromX != 1.0f || mToX != 1.0f) {
+	            sx = mFromX + ((mToX - mFromX) * interpolatedTime);
+	        }
+			//判断Y方向是否需要做调整
+	        if (mFromY != 1.0f || mToY != 1.0f) {
+	            sy = mFromY + ((mToY - mFromY) * interpolatedTime);
+	        }
+			//判断是否设置缩放中心
+	        if (mPivotX == 0 && mPivotY == 0) {
+	            t.getMatrix().setScale(sx, sy);
+	        } else {
+	            t.getMatrix().setScale(sx, sy, scale * mPivotX, scale * mPivotY);
+	        }
+	    }
+4. TranslatieAnimation 主要是针对View Matrix的位移值根据时间做了动态调整。
+
+	    @Override
+	    protected void applyTransformation(float interpolatedTime, Transformation t) {
+	        float dx = mFromXDelta;
+	        float dy = mFromYDelta;
+			//判断X方向是否需要调整
+	        if (mFromXDelta != mToXDelta) {
+	            dx = mFromXDelta + ((mToXDelta - mFromXDelta) * interpolatedTime);
+	        }
+			//判断Y方向是否需要做调整
+	        if (mFromYDelta != mToYDelta) {
+	            dy = mFromYDelta + ((mToYDelta - mFromYDelta) * interpolatedTime);
+	        }
+	        t.getMatrix().setTranslate(dx, dy);
+	    }
+5. 自定义一个简单的Animation，一般主要实现applyTransformation对View根据interpolatedTime做动态调整即可，稍微复杂点的可以添加额外操作。
+
+		Animation animation = new Animation() {
+			@Override
+			protected void applyTransformation(float interpolatedTime,
+					Transformation t) {
+				// TODO Auto-generated method stub
+				super.applyTransformation(interpolatedTime, t);
+				//对alpha进行操作
+				//t.setAlpha(alpha)
+				//对matrix进行操作
+				//t.getMatrix().set ...
+							}
+		}; 
+matrix的一系列操作：
+![url](images/strategy-kerison-uml-android-animation-matrix.png)
+
+当然复杂的动画可以需要进行更多的效果计算和方式组合，例如属性动画中可以自定义View的新属性，但是本质都是一样的，就说这么多吧，还望牛人路过支点。