Android-视图动画

1) AlphaAnimation

代码实现AlphaAnimation

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
    View root = inflater.inflate(R.layout.aa_fragment,container,false);

root.findViewById(R.id.btnAnimateMe).setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
            AlphaAnimation aa = new AlphaAnimation(0,1);
aa.setDuration(2000);
v.startAnimation(aa);
}
    });
    return root;
}

XML实现AlphaAnimation

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
    View root = inflater.inflate(R.layout.aa_fragment,container,false);

root.findViewById(R.id.btnAnimateMe).setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
//xml实现alphaAnimation
v.startAnimation(AnimationUtils.loadAnimation(getActivity(),R.anim.aa));
}
    });
    return root;
}

res/anim/aa.xml

<?xml version="1.0" encoding="utf-8"?>

<alpha xmlns:android="http://schemas.android.com/apk/res/android"
android:fromAlpha="0"
android:toAlpha="1"
android:duration="1000">

</alpha>

2) RotateAnimation
代码实现RotateAnimation

root.findViewById(R.id.btnRotateMe).setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {

//              RotateAnimation ra = new RotateAnimation(0,360,100,100);//0表示初始旋转角度,360表示终止旋转角度,100是z坐标像素和y坐标像素,

                //相对自身旋转,0.5f 为百分比,相对于自身的50%
RotateAnimation ra = new RotateAnimation(0,360, Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF,0.5f);

ra.setDuration(1000);
v.startAnimation(ra);

}
        });

XML 实现RotateAnimation

v.startAnimation(AnimationUtils.loadAnimation(getActivity(),R.anim.ra));

R.anim.ra.xml

<rotate xmlns:android="http://schemas.android.com/apk/res/android"

android:fromDegrees="0"
android:toDegrees="360"
android:duration="1000"
android:pivotX="50%" //可以直接写数值,系统会识别为像素
android:pivotY="50%"/>

3) TranslateAnimation
代码实现:

root.findViewById(R.id.btnTranslateMe).setOnClickListener(new View.OnClickListener() {

@Override
public void onClick(View v) {
        TranslateAnimation ta = new TranslateAnimation(0,200,0,0);//0相对于自身位置
ta.setDuration(1000);
v.startAnimation(ta);
}
});

xml实现

root.findViewById(R.id.btnTranslateMe).setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
//                TranslateAnimation ta = new TranslateAnimation(0,200,0,0);//0相对于自身位置
//                ta.setDuration(1000);
//                v.startAnimation(ta);
v.startAnimation(AnimationUtils.loadAnimation(getActivity(),R.anim.ta));
}
        });

R.anim.ta.xml:

<translate xmlns:android="http://schemas.android.com/apk/res/android"

android:fromXDelta="0"
android:fromYDelta="0"
android:toXDelta="200"
android:toYDelta="0"
android:duration="1000"/>

4) ScaleAnimation
代码实现:

root.findViewById(R.id.btnScaleMe).setOnClickListener(new View.OnClickListener() {

@Override
public void onClick(View v) {
//默认左上角开始缩放,可以设成中心点缩放
ScaleAnimation sa = new ScaleAnimation(0,1,0,1,Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF,0.5f);
sa.setDuration(1000);
v.startAnimation(sa);
}
});

xml实现:

root.findViewById(R.id.btnScaleMe).setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
//                //默认左上角开始缩放,可以设成中心点缩放
//                ScaleAnimation sa = new ScaleAnimation(0,1,0,1,Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF,0.5f);
//                sa.setDuration(1000);
//                v.startAnimation(sa);

v.startAnimation(AnimationUtils.loadAnimation(getActivity(),R.anim.sa));
}
        });

R.anim.sa.xml

<scale xmlns:android="http://schemas.android.com/apk/res/android"

android:fromXScale="0"
android:fromYScale="0"
android:toXScale="1"
android:toYScale="1"
android:pivotY="50%"
android:pivotX="50%"
android:duration="1000"
/>

5) 混合动画效果(两个动画效果同时启动),也可以设置分别启动
代码实现:

root.findViewById(R.id.btnAnimateMe).setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
        AnimationSet as = new AnimationSet(true);
as.setDuration(2000);

AlphaAnimation aa = new AlphaAnimation(0,1);
aa.setDuration(2000);
as.addAnimation(aa);

TranslateAnimation ta = new TranslateAnimation(200,0,200,0);
ta.setDuration(2000);
as.addAnimation(ta);

v.startAnimation(as);
}
});

XML实现

root.findViewById(R.id.btnAnimateMe).setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
//                AnimationSet as = new AnimationSet(true);
//                as.setDuration(2000);
//
//                AlphaAnimation aa = new AlphaAnimation(0,1);
//                aa.setDuration(2000);
//                as.addAnimation(aa);
//
//                TranslateAnimation ta = new TranslateAnimation(200,0,200,0);
//                ta.setDuration(2000);
//                as.addAnimation(ta);
//
//                v.startAnimation(as);

v.startAnimation(AnimationUtils.loadAnimation(getActivity(),R.anim.as));
}
        });

R.anim.as.xml:

<set xmlns:android="http://schemas.android.com/apk/res/android"

android:duration="1000"
android:shareInterpolator="true">
    <alpha
android:fromAlpha="0"
android:toAlpha="1" />
    <translate
android:fromXDelta="200"
android:fromYDelta="200"
android:toXDelta="0"
android:toYDelta="0" />
</set>

6) 侦听动画的效果:

Animation a = AnimationUtils.loadAnimation(getActivity(), R.anim.as);
a.setAnimationListener(new Animation.AnimationListener() {
@Override
public void onAnimationStart(Animation animation) {
//动画开始时
}

@Override
public void onAnimationEnd(Animation animation) {
        Toast.makeText(getContext(),"Animatioin End",Toast.LENGTH_SHORT).show();
//动画结束时
}

@Override
public void onAnimationRepeat(Animation animation) {
//动画重复时
}
});
v.startAnimation(a);

7) 自定义动画效果:

->定义CustomAnimation extends Animation
->重写applyTransformation()

protected void applyTransformation(float interpolatedTime, Transformation t) {


//        t.setAlpha(interpolatedTime);

if (interpolatedTime < 0.5) {
            t.getMatrix().setTranslate(500 * interpolatedTime, 0);
countX = 500 * interpolatedTime;
} else {
countY = interpolatedTime - 0.5f;
t.getMatrix().setTranslate(countX, countY * 300);

}

//        t.getMatrix().setTranslate((float) (Math.rint(interpolatedTime*10)*10),0);

super.applyTransformation(interpolatedTime, t);
}