Android开发UI之补间动画-Tween Animation

Tween Animation-补间动画

官网链接-http://developer.android.com/reference/android/view/animation/Animation.html

Animation,继承Object,实现Cloneable接口

实现的直接子类:AlphaAnimation,TransalteAnimation,ScaleAnimation,RotateAnimation,AnimationSet

1.透明动画---AlphaAnimation

a.动态java代码实现button按钮的透明效果

rootView.findViewById(R.id.btnAnimation).setOnClickListener(new OnClickListener() {
                
    @Override
    public void onClick(View v) {
    // TODO Auto-generated method stub
         AlphaAnimation aa=new AlphaAnimation(0, 1);
         aa.setDuration(1000);
         v.startAnimation(aa);

        }
 });

b.通过XML属性设置实现透明动画

新建一个Android XML fils，在新建页面，Resource Type选择为Tween Animation，Root element选择为alpha.

<?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>

java代码

            rootView.findViewById(R.id.btnAnimation).setOnClickListener(new OnClickListener() {
                
                @Override
                public void onClick(View v) {
                    // TODO Auto-generated method stub
                    v.setAnimation(AnimationUtils.loadAnimation(getActivity(), R.anim.aa));
                }
            });

2.旋转动画-RotateAnimation

a.动态java代码实现button按钮的旋转效果

        findViewById(R.id.btnRotate).setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                // TODO Auto-generated method stub
                RotateAnimation ra=new RotateAnimation(0, 360);
                ra.setDuration(1000);
                v.setAnimation(ra);

            }
        });

b.通过XML属性设置实现旋转动画

新建一个Android XML fils，在新建页面，Resource Type选择为Tween Animation，Root element选择为rotate.

<?xml version="1.0" encoding="utf-8"?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromDegrees="0" 
    android:toDegrees="360"
    android:duration="1000"
    android:pivotX="50%"                //自身的50%
    android:pivotY="50%">               //自身的50%
</rotate>

java代码

        findViewById(R.id.btnRotate).setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                // TODO Auto-generated method stub
                v.setAnimation(AnimationUtils.loadAnimation(getApplication(), R.anim.ra));
            }
        });

3.移动动画-TranslateAnimation

a.动态java代码实现button按钮的移动效果

        findViewById(R.id.translateAnimation).setOnClickListener(new OnClickListener() {
            
            @Override
            public void onClick(View v) {
                // TODO Auto-generated method stub
                TranslateAnimation ta=new TranslateAnimation(0, 0, 300, 300);
                ta.setDuration(1000);
                v.setAnimation(ta);

            }
        });

b.通过XML属性设置实现移动动画

新建一个Android XML fils，在新建页面，Resource Type选择为Tween Animation，Root element选择为translate.

<?xml version="1.0" encoding="utf-8"?>
<translate xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromXDelta="0"
    android:toXDelta="100"
    android:fromYDelta="0"
    android:toYDelta="100" 
    android:duration="1000">
</translate>

java代码

        findViewById(R.id.translateAnimation).setOnClickListener(new OnClickListener() {
            
            @Override
            public void onClick(View v) {
                // TODO Auto-generated method stub
                v.setAnimation(AnimationUtils.loadAnimation(getApplicationContext(), R.anim.ta));
            }
        });

4.缩放动画-ScaleAnimation

a.动态java代码实现button按钮的缩放效果

        findViewById(R.id.btnScale).setOnClickListener(new OnClickListener() {
            
            @Override
            public void onClick(View v) {
                // TODO Auto-generated method stub
                ScaleAnimation sa=new ScaleAnimation(0, 1, 0, 1);
                sa.setDuration(1000);
                v.setAnimation(sa);10             }
        });

b.通过XML属性设置实现缩放动画

新建一个Android XML fils，在新建页面，Resource Type选择为Tween Animation，Root element选择为scale.

<?xml version="1.0" encoding="utf-8"?>
<scale xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromXScale="0"
    android:toXScale="1"
    android:fromYScale="0"
    android:toYScale="1"
    android:duration="1000" android:pivotX="50%"
    android:pivotY="50%">
</scale>

java代码

        findViewById(R.id.btnScale).setOnClickListener(new OnClickListener() {
            
            @Override
            public void onClick(View v) {
                // TODO Auto-generated method stub
                v.setAnimation(AnimationUtils.loadAnimation(getApplicationContext(), R.anim.sa));
            }
        });

5.混合动画--AnimationSet

a.动态java代码实现button按钮的混合动画效果

        findViewById(R.id.btnAnimation).setOnClickListener(new OnClickListener() {
            
            @Override
            public void onClick(View v) {
                // TODO Auto-generated method stub
                AnimationSet as=new AnimationSet(true);
                as.setDuration(1000);
                
                AlphaAnimation aa=new AlphaAnimation(0, 1);
                aa.setDuration(1000);
                as.addAnimation(aa);
                
                TranslateAnimation ta= new TranslateAnimation(200,0,200,0);
                ta.setDuration(1000);
                as.addAnimation(ta);
                
                v.setAnimation(as);

            }
        });

b.通过XML属性设置实现混合动画效果

新建一个Android XML fils，在新建页面，Resource Type选择为Tween Animation，Root element选择为set.

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:shareInterpolator="true" 
    android:duration="1000">
    
    <alpha android:fromAlpha="0" android:toAlpha="1"/>
    
    <translate android:fromXDelta="200"
        android:toXDelta="0"
        android:fromYDelta="200"
        android:toYDelta="0"/>
</set>

java代码：

        findViewById(R.id.btnAnimation).setOnClickListener(new OnClickListener() {
            
            @Override
            public void onClick(View v) {
                v.startAnimation(AnimationUtils.loadAnimation(getApplicationContext(), R.anim.anim));
            }
        });