动画学习android,Android动画学习案例

View动画(补间动画)：平移translate，旋转rotate，缩放scale，透明度alpha！

View动画(补间动画)：平移translate，旋转rotate，缩放scale，透明度alpha！

帧动画：通过切换一组图片，来达到动画的效果！

属性动画：通过动态的改变对象的属性，来实现动画效果！

1、view动画，首先view动画的使用是通过xml文件定义一些上面提到的四种属性，来进行操作的！

view动画可以是一个动画，也可以是一组动画的集合，集合使用set标签；

set有两个属性，分别是顺序执行，和一起执行

android:ordering=”sequentially”

android:ordering=”together”

>

android:fromXDelta="0"

android:fromYDelta="0"

android:toXDelta="100"

android:interpolator="@android:anim/decelerate_interpolator"

android:repeatMode="reverse"

android:toYDelta="100"/>

android:pivotX="100"

android:repeatCount="-1"

android:pivotY="100"

android:toDegrees="360"

/>

android:fromYScale="0.5"

android:pivotX="100"

android:pivotY="100"

android:toXScale="1.2"

android:toYScale="1.2"/>

android:toAlpha="1"/>

像我这样使用它：textView = (TextView) findViewById(R.id.textview);

Animation animation = AnimationUtils.loadAnimation(this, R.anim.test_anima);

animation.setDuration(2000);//这句话的意思是，这个动画持续两秒钟，不然默认值太短了不方便观察效果 ^_^

textView.startAnimation(animation);

自定义动画：

子类只要继承Animation抽象类即可！

在initialize中初始化一些东西，在applyTransformation中变换矩阵

用法与上面的一致只是得到对象的时候，不是利用animationutils而是直接new出来，并在构造方法中初始化：MyAnimator animator = new MyAnimator(0,360,120,100,-1220,true,new Camera());

animator.setDuration(2000);

textView.startAnimation(animator);

自定义Animation：public class MyAnimator extends Animation {

private final float mFromDegrees;    private final float mToDegrees;    private final float mCenterX;    private final float mCenterY;    private final float mDepthZ;    private final boolean mReverse;    private Camera mCamera;    public MyAnimator(float mFromDegrees, float mToDegrees, float mCenterX, float mCenterY, float

mDepthZ, boolean mReverse, Camera camera) {        this.mFromDegrees = mFromDegrees;        this.mToDegrees = mToDegrees;        this.mCenterX = mCenterX;        this.mCenterY = mCenterY;        this.mDepthZ = mDepthZ;        this.mReverse = mReverse;

}    @Override

public void initialize(int width, int height, int parentWidth, int parentHeight) {        super.initialize(width, height, parentWidth, parentHeight);

mCamera = new Camera();

}    @Override

protected void applyTransformation(float interpolatedTime, Transformation t){//apply:申请,Transformation:转化

final float formDegrees = mFromDegrees;        final float degrees = formDegrees + ((mToDegrees - mFromDegrees) * interpolatedTime);        final float cx = mCenterX;        final float cy = mCenterY;        final Camera c = mCamera;        final Matrix matrix = t.getMatrix();

c.save();        if (mReverse) {

c.translate(0, 0, mDepthZ * interpolatedTime);

} else {

c.translate(0, 0, mDepthZ * (1.0f - interpolatedTime));

}

c.rotateY(degrees);

c.getMatrix(matrix);

c.restore();

matrix.preTranslate(-cx,-cy);

matrix.postTranslate(cx,cy);

}

}

帧动画：

帧动画就是一系列图片的顺序播放；

其中在xml文件中应该 这样写：这么定义的！ private AnimationDrawable t1_icon1_animationDrawable; private ImageView t1_icon1;  //这是一个帧动画 animation-list 这样使用

t1_icon1.setImageResource(R.drawable.t1_frame_animation);

t1_icon1_animationDrawable = (AnimationDrawable) t1_icon1.getDrawable();

t1_icon1_animationDrawable.start();

android:oneshot="false" >

android:duration="200"/>

android:duration="200"/>

属性动画：

动画默认时间间隔300ms，默认帧率10ms/帧

最常用的几个属性动画类：ValueAnimator、ObjectAnimator、AnimatorSet；

其中ObjectAnimator继承自ValueAnimator；

通过属性动画改编一个对象的背景颜色：ValueAnimator animator = ObjectAnimator.ofInt(textView,"backgroundColor",/*Red*/0xFFFF8080,/*Blue*/0xFF8080FF);

animator.setDuration(3000);//持续时间

animator.setEvaluator(new ArgbEvaluator());

animator.setRepeatCount(ValueAnimator.INFINITE);//无限播放，普及一个单词indefinitely无限的意思

animator.setRepeatMode(ValueAnimator.REVERSE);//逆过来播放

animator.start();

动画集合：注释写的明明白白^_* 可以逐条注释掉，然后试试就明白了AnimatorSet animatorSet = new AnimatorSet();

animatorSet.playTogether(

ObjectAnimator.ofFloat(textView,"rotationX", 0, 90 * 4),//x轴旋转一周

ObjectAnimator.ofFloat(textView, "rotationY", 0, 90 * 4),//y轴旋转一周，此时他两个混合在一起很不好思考究竟为什么会是这个造型！嘤嘤

ObjectAnimator.ofFloat(textView, "rotation", 0, 90*4),//z轴旋转一周(xyz的坐标轴就是普通的三维坐标轴，上面是y，右面是x，前面是z！^_^)，此时他们三个一起旋转已经是很玄学了

ObjectAnimator.ofFloat(textView, "translationX", 0, 90),//x轴平移

ObjectAnimator.ofFloat(textView, "translationY", 0, 90),//y轴平移，平移没有z轴了！呦桑

ObjectAnimator.ofFloat(textView, "scaleX", 1, 2,1),//x缩放

ObjectAnimator.ofFloat(textView, "scaleY", 1, 0.1f,1),//y缩放

ObjectAnimator.ofFloat(textView, "alpha", 1, 0.25f, 1));//透明度1~0.25~1);

animatorSet.setDuration(5 * 1000);

animatorSet.start();

属性动画集合如果想要设置repeat等属性，定义出对象来，之后添加到set集合中去，因为repeat返回的是void，所以像上面写的匿名类写法不能实现。

属性动画当然也可以写到xml文件中去：写法与上面的view动画set相似，只不过是把子节点的名字改为属性动画的节点名字而已！

以后或许会用到这个：

实现一个翻转到背面！再翻转回来的效果:关于属性动画，就是按照下面的方法，还是蛮简单的！就不介绍了(其实我真的介绍不明白)

大体思路就是两个view重叠，正面的显示，背面的不显示，然后利用动画正面从0°翻转到90°之后不显示，反面显示，反面从-90°到0°。以我的脑回路复杂程度来讲，理解这些需要。。。。不说了。

后来想了想，发现已经到90°了就已经看不见了，就不写alpha了哈！

下面是代码：public class AnimationActivity extends AppCompatActivity implements View.OnClickListener {

private TextView tv1, tv2;    @Override

protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);

setContentView(R.layout.activity_animation2);

tv1 = (TextView) findViewById(R.id.tv1);

tv2 = (TextView) findViewById(R.id.tv2);

tv1.setOnClickListener(this);

tv2.setOnClickListener(this);

}    private boolean isFront = true;    @Override

public void onClick(View v) {

flip();

}    private void flip() {        if (isFront) {

flipAnination(tv1,tv2);

}else{

flipAnination(tv2,tv1);

}

}    private void flipAnination(View view1,final View view2) {

ObjectAnimator animator1 = ObjectAnimator.ofFloat(view1, "rotationY", 0, 90).setDuration(2000);

animator1.addListener(new Animator.AnimatorListener() {            @Override

public void onAnimationStart(Animator animation) {

tv2.setClickable(false);

tv1.setClickable(false);

}            @Override

public void onAnimationEnd(Animator animation) {

tv2.setClickable(true);

tv1.setClickable(true);

}            @Override

public void onAnimationCancel(Animator animation) {

}            @Override

public void onAnimationRepeat(Animator animation) {

}

});

animator1.start();//监听事件一定要写在start前面，否则，，，哼！。。。

ObjectAnimator animator2 = ObjectAnimator.ofFloat(view2, "rotationY", -90, 0).setDuration(2000);

animator2.setStartDelay(2000);

animator2.addListener(new Animator.AnimatorListener() {            @Override

public void onAnimationStart(Animator animation) {

tv2.setClickable(false);

tv1.setClickable(false);

}            @Override

public void onAnimationEnd(Animator animation) {

tv2.setClickable(true);

tv1.setClickable(true);

}            @Override

public void onAnimationCancel(Animator animation) {

}            @Override

public void onAnimationRepeat(Animator animation) {

}

});

animator2.start();

isFront = !isFront;

}

}

这里是xml代码：加了一个旋转90°，就看不见了呢！ < ^_^ > ！

android:id="@+id/tv1"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="Hello World!"

/>

android:id="@+id/tv2"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:rotationY="90"

android:text="你好 世界!"

/>

写的不好！谁有更好的告诉我一下哟！