android 视图动画的使用,Animation重写 实现旋转效果

android 的动画主要分为逐帧动画,布局动画、视图动画,在这三种动画中,视图动画最复杂,本文主要讲解一下视图动画,实现其旋转的效果。

按照以往楼主的文章风格,就是将完第一段,贴代码,然后就没然后了。。但本文中先向各位看官说明一下几点,代码中注释完全使用英文,但楼主英文不好,所以注释很有问题,但各位可以查看下函数的英文应该就没问题了。

说明几个函数:在实现Animaito重写时,一下几个函数需要重写,public void initialize(int width, int height, int parentWidth, int parentHeight)初始化函数

 protected void applyTransformation(float interpolatedTime, Transformation t) 动画效果函数

其中 参数 interpolatedTime 是一个0~1的浮点数,一直变化,直到动画结束。其持续时间和this.setDuration(参数);中参数有关,这个参数表示一个毫秒数,如2500表示2.5秒。


好了,上代码了,文章中的使用菜单,提供了几个效果。其中有的参数可以修改实施效果。


动画重写效果类:


package com.example.testanimation;

import android.graphics.Camera;
import android.graphics.Matrix;
import android.view.animation.Animation;
import android.view.animation.LinearInterpolator;
import android.view.animation.Transformation;

public class TestAnimation extends Animation{

    private Camera mCamera= null;
    private float centerX , centerY;

    private int index = -1;



    public TestAnimation(int index) {
        this.mCamera = new Camera();
        this.index = index;
        
    }

    @Override
    public void initialize(int width, int height, int parentWidth,
            int parentHeight) {
        // TODO Auto-generated method stub
        super.initialize(width, height, parentWidth, parentHeight);
        this.centerX = width/2;
        this.centerY = height/2;
        
        this.setDuration(2500);//set the play time
//        this.setFillAfter(true);//stop move when animation over
        this.setInterpolator(new LinearInterpolator());

    }



    @Override
    protected void applyTransformation(float interpolatedTime, Transformation t) {
        // TODO Auto-generated method stub
        super.applyTransformation(interpolatedTime, t);

        final Matrix matrix = t.getMatrix();//get the matrix
        this.mCamera.save();
        this.transformationStyle(interpolatedTime,matrix);

        
        this.mCamera.getMatrix(matrix);
        matrix.preTranslate(-this.centerX,-this.centerY);// keep the view at the center
        matrix.postTranslate(this.centerX,this.centerY);

        this.mCamera.restore();
    }

    private void transformationStyle(float interpolatedTime,Matrix matrix){
        switch (index) {
        case 0:
            //            this.mCamera.translate(0.0f, 0.0f, (1300.f - 1300.f * interpolatedTime));
            this.mCamera.translate(0.0f,0.0f, 0.0f);
            this.mCamera.rotateY(360 * interpolatedTime);
            
            break;
        case 1:
            this.mCamera.translate(-1300.f*interpolatedTime,0.0f, 0.0f);//you can trun the '-' become '+',have a try

            break;
        case 2:
            this.mCamera.translate(0.0f,-1300.f*interpolatedTime, 0.0f);
            break;

        case 3:
            this.mCamera.translate(0.0f, 0.0f,1300.f*interpolatedTime);//make the view  become smaller
            break;
        default:
            break;
        }

    }


}

调用的activity:

package com.example.myanimation;

import com.example.testanimation.TestAnimation;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.view.MenuItem;
import android.widget.LinearLayout;

public class MainActivity extends Activity {
    private LinearLayout ll = null;
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        this.ll= (LinearLayout) this.findViewById(R.id.show_animation);
    
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.activity_main, menu);
        menu.add(0, 0, 0, "rotate");
        menu.add(0, 1, 0, "fly out_x");
        menu.add(0, 2, 0, "fly out_y");
        menu.add(0, 3, 0, "fly out_z");
        return true;
    }

    @Override
    public boolean onMenuItemSelected(int featureId, MenuItem item) {
        // TODO Auto-generated method stub
//        switch (item.getItemId()) {
//        case 0:
//
//            break;
//        case 1:
//
//            break;
//        case 2:
//
//            break;
//        case 3:
//
//            break;
//
//        default:
//            break;
//        }
        this.ll.startAnimation(new TestAnimation(item.getItemId()));
        return super.onMenuItemSelected(featureId, item);
    }
}

效果图:

选择界面:点击菜单



  

旋转效果



源码下载地址:http://download.csdn.net/detail/luinsist/4748095

如果各位有什么问题或者好的建议的话可以给我留言,我会抽空回复的


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值