Android 曲線動畫animation，類似加入購物車動畫

按照慣例先放效果圖：圖中小球做拋物線運動

資源圖片

 

1.首先布局文件activity_main.xml，布局很簡單，就一個測試按鈕

<RelativeLayout 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=".MainActivity" >

    <Button
        android:id="@+id/btnClick"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:onClick="click()"
        android:text="開始動畫" />

</RelativeLayout>

2.然后是java代碼MainActivity.java，這個是重點

package com.example.curveanim;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewGroup;
import android.view.animation.AccelerateInterpolator;
import android.view.animation.Animation;
import android.view.animation.Animation.AnimationListener;
import android.view.animation.AnimationSet;
import android.view.animation.LinearInterpolator;
import android.view.animation.TranslateAnimation;
import android.widget.ImageView;
import android.widget.LinearLayout;

public class MainActivity extends Activity {
    private ViewGroup anim_mask_layout;// 動畫層

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        findViewById(R.id.btnClick).setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View v) {
                click(v);
            }
        });
    }

    private void click(View v) {
        int[] startLocation = new int[2];// 一個整型數組，用來存儲按鈕的在屏幕的X、Y坐標
        v.getLocationInWindow(startLocation);// 這是獲取購買按鈕的在屏幕的X、Y坐標（這也是動畫開始的坐標）
        ImageView ball = new ImageView(getApplicationContext());
        ball.setImageResource(R.drawable.sign);// 設置ball的圖片
        setAnim(ball, startLocation);// 開始執行動畫
    }

    private void setAnim(final View v, int[] startLocation) {
        anim_mask_layout = null;
        anim_mask_layout = createAnimLayout();
        anim_mask_layout.addView(v);// 把動畫小球添加到動畫層
        final View view = addViewToAnimLayout(anim_mask_layout, v, startLocation);

        // 計算位移

        TranslateAnimation translateAnimationX = new TranslateAnimation(0, 400, 0, 0);
        translateAnimationX.setInterpolator(new LinearInterpolator());
        translateAnimationX.setRepeatCount(Animation.INFINITE);// 動畫重復執行的次數
        translateAnimationX.setFillAfter(true);

        TranslateAnimation translateAnimationY = new TranslateAnimation(0, 0, 0, 400);
        translateAnimationY.setInterpolator(new AccelerateInterpolator());
        translateAnimationY.setRepeatCount(Animation.INFINITE);// 動畫重復執行的次數
        translateAnimationX.setFillAfter(true);

        AnimationSet set = new AnimationSet(false);
        set.setFillAfter(false);
        set.addAnimation(translateAnimationY);
        set.addAnimation(translateAnimationX);
        set.setDuration(2000);// 動畫的執行時間
        view.startAnimation(set);

        // 動畫監聽事件
        set.setAnimationListener(new AnimationListener() {
            // 動畫的開始
            @Override
            public void onAnimationStart(Animation animation) {
                v.setVisibility(View.VISIBLE);
            }

            @Override
            public void onAnimationRepeat(Animation animation) {
            }

            // 動畫的結束
            @Override
            public void onAnimationEnd(Animation animation) {
                v.setVisibility(View.GONE);
            }
        });

    }

    /**
     * @Description: 創建動畫層
     * @param
     * @return void
     * @throws
     */
    private ViewGroup createAnimLayout() {
        ViewGroup rootView = (ViewGroup) this.getWindow().getDecorView();
        LinearLayout animLayout = new LinearLayout(this);
        LinearLayout.LayoutParams lp = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.MATCH_PARENT, LinearLayout.LayoutParams.MATCH_PA            RENT);
        animLayout.setLayoutParams(lp);
        animLayout.setId(Integer.MAX_VALUE);
        animLayout.setBackgroundResource(android.R.color.transparent);
        rootView.addView(animLayout);
        return animLayout;
    }

    private View addViewToAnimLayout(final ViewGroup parent, final View view, int[] location) {
        int x = location[0];
        int y = location[1];
        LinearLayout.LayoutParams lp = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CON            TENT);
        lp.leftMargin = x;
        lp.topMargin = y;
        view.setLayoutParams(lp);
        return view;
    }
}

 雲盤分享下載鏈接：http://yunpan.cn/cFzVRfCpLwHz8  訪問密碼 e37f