Android : 屬性動畫Demo

在這裏插入圖片描述
先在res寫一個animator文件夾
建立一個set文件

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:ordering="sequentially">

    <set android:ordering="together">
        <objectAnimator
            android:duration="2000"
            android:propertyName="translationX"
            android:valueFrom="0"
            android:valueTo="360"
            android:valueType="floatType"></objectAnimator>

        <objectAnimator
            android:duration="3000"
            android:propertyName="rotation"
            android:valueFrom="0"
            android:valueTo="720"
            android:valueType="floatType"></objectAnimator>

    </set>

    <set android:ordering="sequentially">
        <objectAnimator
            android:duration="1500"
            android:propertyName="alpha"
            android:valueFrom="0"
            android:valueTo="1"
            android:valueType="floatType"></objectAnimator>

        <objectAnimator
            android:duration="1500"
            android:propertyName="alpha"
            android:valueFrom="1"
            android:valueTo="0"
            android:valueType="floatType"></objectAnimator>

    </set>
</set>

xml佈局文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <Button
        android:id="@+id/Start_Anim"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="開始吧" />

    <Button
        android:id="@+id/Object_Anim"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="ObjectAnimator開始吧" />

    <Button
        android:id="@+id/XML_Anim"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="XMl開始吧" />

</LinearLayout>

acativity裏面的代碼

package soexample.umeng.com.shuxingdonghua;

import android.animation.AnimatorInflater;
import android.animation.AnimatorSet;
import android.animation.ObjectAnimator;
import android.animation.ValueAnimator;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.util.Log;
import android.view.View;
import android.widget.Button;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity implements View.OnClickListener {

    private Button Start_Anim;
    private Button Object_Anim;
    private Button XML_Anim;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initView();
    }

    private void initView() {
        Start_Anim = (Button) findViewById(R.id.Start_Anim);
        Object_Anim = (Button) findViewById(R.id.Object_Anim);
        XML_Anim = (Button) findViewById(R.id.XML_Anim);

        Start_Anim.setOnClickListener(this);
        Object_Anim.setOnClickListener(this);
        XML_Anim.setOnClickListener(this);
    }

    @Override
    public void onClick(View v) {
        switch (v.getId()) {
            case R.id.Start_Anim:
                valueAnimStart();
                Toast.makeText(this, "呂小帥", Toast.LENGTH_SHORT).show();
                break;
            case R.id.Object_Anim:
                //參數1:給某個對象設置動畫,參數2:是什麼動畫呢
//                ObjectAnimator objectAnimator = ObjectAnimator.ofFloat(Start_Anim, "alpha", 1f, 0f, 1f);
//                objectAnimator.setDuration(2000);
//                objectAnimator.start();

                // 步驟1:設置需要組合的動畫效果
                ObjectAnimator translation = ObjectAnimator.ofFloat(Start_Anim, "translationX", 0, 300, 500);
                // 平移動畫
                ObjectAnimator rotate = ObjectAnimator.ofFloat(Start_Anim, "rotation", 0f, 360f);
                // 旋轉動畫
                ObjectAnimator alpha = ObjectAnimator.ofFloat(Start_Anim, "alpha", 1f, 0f, 1f);
                // 透明度動畫
                // 步驟2:創建組合動畫的對象
                AnimatorSet animSet = new AnimatorSet();
                // 步驟3:根據需求組合動畫
//                AnimatorSet.play(Animator anim)   :播放當前動畫
//                AnimatorSet.after(long delay)   :將現有動畫延遲x毫秒後執行
//                AnimatorSet.with(Animator anim)   :將現有動畫和傳入的動畫同時執行
//                AnimatorSet.after(Animator anim)   :將現有動畫插入到傳入的動畫之後執行
//                AnimatorSet.before(Animator anim) :  將現有動畫插入到傳入的動畫之前執行

                animSet.play(translation).with(rotate).before(alpha);
                animSet.setDuration(5000);
                // 步驟4:啓動動畫
                animSet.start();
                break;
            case R.id.XML_Anim:
                AnimatorSet set = (AnimatorSet) AnimatorInflater.loadAnimator(this, R.animator.set_animator);
                set.setTarget(Object_Anim);
                set.start();
                break;
        }
    }

    private void valueAnimStart() {
        //第一步創建對象 都是通過類名調用即可
        //ofFloat float...可變參數
        ValueAnimator valueAnimator = ValueAnimator.ofInt(Start_Anim.getLayoutParams().width, 500);
        valueAnimator.setDuration(3000);
        valueAnimator.setStartDelay(500);
        valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator animation) {
                //移動的單位  得值是跟你賦值對象的時候那個方法要一致
                int currentValue = (Integer) animation.getAnimatedValue();
                Start_Anim.getLayoutParams().width = currentValue;
                Log.e("currentValue", currentValue + "單位");
                //刷新自定義View的方法
//                invalidate();
//                postInvalidate()
                //RequestLayout 三個方法都會執行
                Start_Anim.requestLayout();
            }
        });
        valueAnimator.start();

    }
}

這就是一個簡單動畫,代碼也很簡單.

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章