Android 動畫雜談 （三）

靈動菜單
先看效果圖

分析一下，首先，每個小菜單，都是得具有用戶交互性，所以肯定不能使用視圖動畫，必須使用屬性動畫，其次，只需要針對每個不同的按鈕設置不同的動畫，並設置相應的插值器就可以實現張開，合攏效果了。理清思路後，實現就比較簡單了，下面上代碼是實戰：

package com.example.administrator.myapplication;

import android.animation.AnimatorSet;
import android.animation.ObjectAnimator;
import android.animation.ValueAnimator;
import android.app.Activity;
import android.net.VpnService;
import android.os.Bundle;
import android.view.View;
import android.view.animation.AccelerateDecelerateInterpolator;
import android.view.animation.BounceInterpolator;
import android.view.animation.LinearInterpolator;
import android.widget.ImageView;
import android.widget.TextView;

import java.util.ArrayList;

/**
 * Created by Administrator on 2015/11/28 0028.
 */
public class MyCountTimeActivity extends Activity {

    ArrayList<View> views = new ArrayList<View>();
    ImageView i1,i2,i3,i4,i5;
    boolean isclose = true;


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.countime);
        i1 = (ImageView)findViewById(R.id.i1);
        i2 = (ImageView)findViewById(R.id.i2);
        i3 = (ImageView)findViewById(R.id.i3);
        i4 = (ImageView)findViewById(R.id.i4);
        i5 = (ImageView)findViewById(R.id.i5);
        views.add(i1);
        views.add(i2);
        views.add(i3);
        views.add(i4);
        views.add(i5);
    }

    public   void  starAnim(View view){
        if (isclose ){
            star();
        }else {
            close();
        }

    }

    private void star(){
        ObjectAnimator animator1 = ObjectAnimator.ofFloat(
                views.get(0),"alpha",1F,0.5F);
        ObjectAnimator animator2 = ObjectAnimator.ofFloat(
                views.get(1),"translationY",200F);
        ObjectAnimator animator3 = ObjectAnimator.ofFloat(
                views.get(2),"translationX",200F);
        ObjectAnimator animator4 = ObjectAnimator.ofFloat(
                views.get(3),"translationY",-200F);
        ObjectAnimator animator5 = ObjectAnimator.ofFloat(
                views.get(4),"translationX",-200F);
        AnimatorSet set = new AnimatorSet();
        set.setDuration(500);
        /**
         * 需要不同插值器效果可以自己嘗試
         */
        //AccelerateDecelerateInterpolator  先增速，再減速插值器
        // BounceInterpolator   彈跳
        set.setInterpolator(new BounceInterpolator());
        set.playTogether(animator1, animator2, animator3, animator4, animator5);
        set.start();
        isclose = false;

    }

    private void close(){
        ObjectAnimator animator1 = ObjectAnimator.ofFloat(
                views.get(0),"alpha",0.5F,1F);
        ObjectAnimator animator2 = ObjectAnimator.ofFloat(
                views.get(1),"translationY",0F);
        ObjectAnimator animator3 = ObjectAnimator.ofFloat(
                views.get(2),"translationX",0F);
        ObjectAnimator animator4 = ObjectAnimator.ofFloat(
                views.get(3),"translationY",0F);
        ObjectAnimator animator5 = ObjectAnimator.ofFloat(
                views.get(4),"translationX",0F);
        AnimatorSet set = new AnimatorSet();
        set.setDuration(500);
        set.setInterpolator(new BounceInterpolator());
        set.playTogether(animator1, animator2, animator3, animator4, animator5);
        set.start();
        isclose = true;


    }
}

這裏只是一個很簡單的例子，更多炫酷的效果，還需要慢慢探索，練習。

計時器動畫

點擊後，數字會不斷增加

package com.example.administrator.myapplication;

import android.animation.ValueAnimator;
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.TextView;

/**
 * Created by Administrator on 2015/11/28 0028.
 */
public class MyCountTimeActivity extends Activity {

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

    public void tvTimer(final View view){

        ValueAnimator valueAnimator = ValueAnimator.ofFloat(0,100);
        valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator animation) {
                ((TextView)view).setText("$"+animation.getAnimatedValue());
            }
        });
        valueAnimator.setDuration(3000);
        valueAnimator.start();
    }
}