Android动画效果

Android动画

Animation动画

- Frame动画

- Tween动画

通常电影里面的画面持续时间长为一秒24帧

直接看代码吧

package com.example.myanimotor;

import android.animation.ObjectAnimator;
import android.animation.PropertyValuesHolder;
import android.content.Intent;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.animation.AnimatorSet;
import android.widget.AdapterView;
import android.widget.Button;
import android.widget.ImageView;

public class MainActivity extends AppCompatActivity implements View.OnClickListener{
    private Button mButton1,mButton2,mButton3,mButton4,mButton5;
    private ImageView mImageView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        mButton1= (Button) findViewById(R.id.btn_simple);
        mButton2= (Button) findViewById(R.id.btn_pro);
        mButton3= (Button) findViewById(R.id.btn_set);
        mButton4= (Button) findViewById(R.id.btn);
        mButton5= (Button) findViewById(R.id.btn1);
        mButton1.setOnClickListener(this);
        mButton2.setOnClickListener(this);
        mButton3.setOnClickListener(this);
        mButton4.setOnClickListener(this);
        mButton5.setOnClickListener(this);
        mImageView= (ImageView) findViewById(R.id.image_animator);
        mImageView.setImageResource(R.mipmap.kemi);
    }
//尽量把swith语句写简单
    @Override
    public void onClick(View v) {
        switch (v.getId()){
            case R.id.btn_simple:
                ObjAnimator();
                break;
            case R.id.btn_pro:
                pvhAnimator();
                break;
            case R.id.btn_set:
                setAnimator();
                break;
            case R.id.btn:
                Intent intent=new Intent(MainActivity.this,SecActivity.class);
                startActivity(intent);
                break;
            case R.id.btn1:
                Intent intent1=new Intent(MainActivity.this,AnimationLayoutActivity.class);
                startActivity(intent1);
                break;
        }
    }
//多个动画按顺序加载
    private void setAnimator() {
        ObjectAnimator animator=new ObjectAnimator().ofFloat(mImageView,"rotationX",0,360);
        ObjectAnimator animator1=new ObjectAnimator().ofFloat(mImageView,"translationX",0,180);
        ObjectAnimator animator2=new ObjectAnimator().ofFloat(mImageView,"alpha",1.0f,0.0f,1.0f);
        ObjectAnimator animator3=new ObjectAnimator().ofFloat(mImageView,"scaleX",1.0f,0,1.0f);

        AnimatorSet animatorset=new AnimatorSet();

       // animatorset.playTogether(animator,animator1,animator2,animator3);
        animatorset.play(animator).after(animator3).after(animator1).after(animator2);
        animatorset.setDuration(2000);
        animatorset.start();
    }

    private void pvhAnimator() {
        PropertyValuesHolder holderX=PropertyValuesHolder.ofFloat("scaleX",1.0f,0.0f,1.0f);
        PropertyValuesHolder holderY=PropertyValuesHolder.ofFloat("scaleY",1.0f,0.0f,1.0f);
        PropertyValuesHolder ratota=PropertyValuesHolder.ofFloat("rotationX",0,360);
        ObjectAnimator animator=new ObjectAnimator().ofPropertyValuesHolder(mImageView,
                holderX,holderY,ratota).setDuration(4000);
        animator.start();
    }

    private void ObjAnimator() {
        ObjectAnimator animator=new ObjectAnimator().ofFloat(mImageView,"rotationX",0.0f,360.0f);
        animator.setDuration(4000);
        animator.start();
    }

}

package com.example.myanimotor;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.animation.Animation;
import android.view.animation.AnimationUtils;
import android.view.animation.LayoutAnimationController;
import android.widget.ArrayAdapter;
import android.widget.ListView;

import java.util.ArrayList;
import java.util.List;

public class SecActivity extends AppCompatActivity {
    private ListView mListView;
    private List<String> mList;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_sec);
        mListView= (ListView) findViewById(R.id.list_view);
        mList=new ArrayList<>();
        for (int i = 0; i <10 ; i++) {
            String str="测试数据"+i;
            mList.add(str);
        }
        ArrayAdapter adapter=new ArrayAdapter(this,android.R.layout.simple_expandable_list_item_1,mList);
        Animation animation = AnimationUtils.loadAnimation(this, R.anim.translateanimation);
        LayoutAnimationController lac = new LayoutAnimationController(animation);
        lac.setOrder(LayoutAnimationController.ORDER_NORMAL);
        lac.setDelay(0.7f);
        mListView.setLayoutAnimation(lac);
        mListView.setAdapter(adapter);
    }
}

package com.example.myanimotor;

import android.animation.Animator;
import android.animation.AnimatorListenerAdapter;
import android.animation.LayoutTransition;
import android.animation.ObjectAnimator;
import android.animation.PropertyValuesHolder;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Button;
import android.widget.CheckBox;
import android.widget.GridLayout;
import android.widget.LinearLayout;

public class AnimationLayoutActivity extends AppCompatActivity implements View.OnClickListener{
    private Button mButton;
    private CheckBox mCheckBox1,mCheckBox2,mCheckBox3,mCheckBox4;
    private GridLayout mGridLayout;
    private int index=0;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_animation_layout);
        mButton= (Button) findViewById(R.id.btn_add);
        mButton.setOnClickListener(this);
        mCheckBox1= (CheckBox) findViewById(R.id.checkbox_appear);
        mCheckBox2= (CheckBox) findViewById(R.id.checkbox_disappear);
        mCheckBox3= (CheckBox) findViewById(R.id.checkbox1);
        mCheckBox4= (CheckBox) findViewById(R.id.checkbox2);
        mGridLayout= (GridLayout) findViewById(R.id.grid_view);
        //刚开始这个地方调用了该方法，运行虽然没错，但是点击跳转时只出现一条测试数据，点击添加数据时也没有
        //任何反应。总结：不能在这里调用方法，而需要在添加按钮的点击事件里调用方法
       // addViewToGrid();
    }
  //给gridview添加控件
    private void addViewToGrid() {
        //给一个下标，否则每次都是第一个数据
        index++;
        //button为给gridview添加的控件，这里的控件可以随便写，如TextView，edittext之类的
        Button button=new Button(this);
        //给控件设置宽高
        button.setLayoutParams(new LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT));
        button.setText("测试数据"+index);
        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                mGridLayout.setLayoutTransition(getLayoutTransition());
                mGridLayout.removeView(v);
            }
        });
        mGridLayout.setLayoutTransition(getLayoutTransition());
        mGridLayout.addView(button,mGridLayout.getChildCount()>0?1:0);
    }
    private LayoutTransition getLayoutTransition(){
         LayoutTransition transition=new LayoutTransition();
        ObjectAnimator appear=new ObjectAnimator().ofInt(mGridLayout,"scaleX",0,1);
        ObjectAnimator disappear=new ObjectAnimator().ofInt(mGridLayout,"scaleX",1,0);
        if (mCheckBox1.isChecked()){
            transition.setAnimator(LayoutTransition.APPEARING,appear);
        }if(mCheckBox2.isChecked()){
            transition.setAnimator(LayoutTransition.DISAPPEARING,disappear);
        }if(mCheckBox3.isChecked()){
            PropertyValuesHolder pvhLeft=PropertyValuesHolder.ofInt("left",0,1);
            PropertyValuesHolder pvhTop=PropertyValuesHolder.ofInt("top",0,1);
            PropertyValuesHolder pvhRight=PropertyValuesHolder.ofInt("right",0,1);
            PropertyValuesHolder pvhButtom=PropertyValuesHolder.ofInt("bottom",0,1);
            PropertyValuesHolder holderX=PropertyValuesHolder.ofFloat("scaleX",1,0,1);
            PropertyValuesHolder holderY=PropertyValuesHolder.ofFloat("scaleY",1,0,1);
            ObjectAnimator change_appear=new ObjectAnimator().ofPropertyValuesHolder(this,pvhLeft,
                    pvhRight,pvhButtom,pvhTop,holderX,holderY);
            change_appear.addListener(new AnimatorListenerAdapter() {
                @Override
                public void onAnimationStart(Animator animation) {
                    View view=(View)((ObjectAnimator)animation).getTarget();
                    view.setScaleX(1);
                    view.setScaleY(1);

                }
            });
            transition.setDuration(1000);
            transition.setAnimator(LayoutTransition.CHANGE_APPEARING,change_appear);

        }
        if (mCheckBox4.isChecked()){

        }
        return transition;
    }

    @Override
    public void onClick(View v) {
       switch (v.getId()){
           case R.id.btn_add:
               addViewToGrid();
               break;
       }
    }
}

<?xml version="1.0" encoding="utf-8"?>
<layoutAnimation
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:delay="0.5"
    android:animationOrder="normal"
    android:animation="@anim/translateanimation">

</layoutAnimation>

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

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.example.myanimotor.AnimationLayoutActivity"
    android:orientation="vertical">
  <Button
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:id="@+id/btn_add"
      android:text="添加一条数据"
      android:textSize="20sp"/>
    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/btn_delete"
        android:textSize="20sp"/>
    <CheckBox
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/checkbox_appear"
        android:text="出现新的控件"
        android:textSize="20sp"
        />
    <CheckBox
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/checkbox_disappear"
        android:text="出现新的view，其他控件的动画"
        android:textSize="20sp"
        />
    <CheckBox
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/checkbox1"
        android:text="即将消失的view动画"
        android:textSize="20sp"
        />
    <CheckBox
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/checkbox2"
        android:text="出现新的控件"
        android:textSize="20sp"
        />
    <GridLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/grid_view"
        android:columnCount="1">

    </GridLayout>

</LinearLayout>

强调内容

四种补间动画都需要在res文件夹下新建anim文件夹，里面放置动画的xml文件